vue.js のスレがないとかおかしくないですか?
vue.js
sass, scss
webpack
だいたいは公式ドキュメント読むと解決するので
ここで聞くことはあまりないのかもな。
0019nobodyさん2018/03/13(火) 18:33:03.17ID:Iz4vLrNi
こいつ、頭おかしいの?
13 名前:nobodyさん 2018/02/27(火) 11:11:37.20 ID:???
vuexのドキュメントはひどいぞw
動かすと理解できるけど読むだけじゃ難解すぎるわアレw
0020nobodyさん2018/03/16(金) 13:54:55.21ID:1lllqY9b
基礎から学ぶ Vue.js、mio、2018/5/29
買って読んでるけど、難しい
0023nobodyさん2018/09/27(木) 10:35:23.91ID:aRyEJ6b6
ぶっちゃけオンラインの情報で充分
技術書店ではVueとFirebaseが多いって報告あったけど
ここは閑散しているな・・・
本スレはどっか別にあるの?
5ch自体過疎ってるから・・・
Teratailとかstackoverflowのがいいんじゃないかね
0027nobodyさん2018/11/08(木) 13:08:05.73ID:iv+fWG/N
Vue.js は結局 npm で vue-cli, webpak を使って build 環境を構築しないと大したことはできない。
JavaScript なのに node.js とかいうミドルウェアイントールして build が必要とか「はぁ?」だよ。
学習コストが低いなんて嘘っぱち。vue.js, node.js, vue-cli, webpack, ...etc これらを全部
ちゃんと理解しないと結局は使いこなせない。
コードを書いたらそのまま動いて、ブラウザのデバッグツールでブレークポイント仕掛けて
簡単にデバッグできるのがJavaScriptの良いところなのにその利点を完全に捨ててる。
ぶっちゃけありえないし、だったらいらない。
0028nobodyさん2018/11/08(木) 13:18:30.92ID:bZTdjIX/
Angular.js ω
>>27
そんな奴は使わなければいいだけ。
メリットがあるから使うわけで。 わかるけどまあ仕方ない。
webpackは慣れると色々捗るよ。
あとIEがネックで新しいjsの書き方では
結局babel使わないといけないし
0031nobodyさん2018/11/10(土) 16:51:59.38ID:sQR01wsI
>>27
2ヶ月前ぐらいに初めてvue.jsを使ったけど、ブラウザのデバッグツールでブレークポイント仕掛けて簡単にデバッグってのは
CommonJS並に出来ると思ったよ。sourcemapしておけばちゃんと元のソースで見れるし、
オブジェクトの中身も、Vueのアドオン入れておけばrootオブジェクトからたどったりもできるし、
コンソールであれこれして確認したいオブジェクトはwindowにぶちこんどけばアクセスできるし。
まぁそんなに複雑でない案件だったからというのはあるだろうけど。 0032nobodyさん2018/11/10(土) 19:25:58.98ID:6srco+Il
0033nobodyさん2018/11/11(日) 07:39:10.55ID:thfK57tC
vue.js って後からコンポーネントのロードとかできんの?
一通り日本語ドキュメント読んでみたんだけど出来なさそうなんだよなぁ。
例えばテンプレートのHTMLとかコンポーネントのソースは全部独立した別ファイルにしておいて、
あるボタンをクリックしたら必要なテンプレートとコンポーネントのファイルを読み込んで、
ノードもその時その時でDOMに追加してコンポーネントをインスタンス化するみたいな動き。
どうも new Vue({...}) ってやる前に必要なコンポーネントは使う使わないに関係なく全部読み込んでおかなきゃいけなくて、
コンポーネントの配置元になるバーチャルノードも最初から記述しておかないと機能しないっぽいんだけど、
俺の理解不足?
描画を100%JavaScriptに任せたくて、body タグは空の状態から始めたいんだけどいきなり躓いてる。。。
こういうのって vue.js じゃなくて Angular.js でやるべきなのかな?
0034nobodyさん2018/11/11(日) 13:06:02.40ID:uEezrjR4
理解不足
がんがれ
vueの勉強を始めたんですが、疑問があるので教えてくださいませんか
公式ではv-ifの等価判定が===とイコール3つになってますが
他の言語でもそうだし普通2個だろと思って試したら同じように動作しています
今はそれで2個のままやってしまっていますが
3個と2個で何かどこかで挙動の違いがあるんでしょうか
検索したのですがそういう情報も見当たらなかったので、詳しい方がいたら教えていただきたく
PHP含め不勉強でしたね
参考になりました、ありがとうございます
0038nobodyさん2018/11/16(金) 11:02:39.11ID:NQDydE6n
ありがとうパスカル
vueでdataで空の配列を宣言して、
methodsで中身を入れるということがしたいのですが、
ボタンなどのトリガーを置いてやることはできました
しかし最初からトリガーなしで、javaのコンストラクタ的に
中身を入れる方法というのはあるのでしょうか
vueは簡単と色んなところで見ますが、同じことができる記法も混沌としていて
javaやpythonよりはずっと取っつきにくく感じています
すみません自己解決しました、createdでできました
javascriptに on load という類似のものがあるというのが分かったので
on load vue で検索していたら出てきました
javascriptそのものの知識が足りてないのですが、この自分が分かりにくく感じているのは
明らかにそのせいなのでしょうね
それもあるけど、全部ちゃんとドキュメントにもかいてあるよ
ある程度目を通してこういう機能あったなくらいは把握しておくのが吉
言語知らずにその言語上で動くフレームワークを評価するとかムリっしょ
jQueryで
<div class="foo">
<pre data-lang="plain">hello world</pre>
</div>
$('.foo').after('<button />').on('click', function(){
const $pre = $(this).find('pre')[0]; // ←多分間違ってる
console.log($pre.text());
console.log($pre.data('lang'));
});
みたいなことをvueでスムーズにやる方法って無いかな?
$slot使えと書いてあるけど、階層とかが複雑だとchildrenとか入れなきゃならないのが
面倒なんだが。
質問していいでしょうか
Vueをtypescriptで書いて、property-decoratorで@Emitデコレータを使いたいときに
外部ファイルからimportしたvueインスタンス(仮にextvm)に
イベントをemitしたいときってどうやればいいのでしょうか
this.$emit('call')
に
@Emit() call{}
は相当していますが
extvm.$emit('call')
を投げるにはどうすればいいのだろうかという疑問です
property-decoratorの公式も見てみたのですが
例は全部this.$emitの置き換えばかりで分からなかったので
詳しい方いらっしゃいましたらお教えいただければ幸いです
どうぞよろしくお願いいたします
>>46
ありがとうございます
大分返事が遅れてしまいました
そちらで聞いてみます 0049nobodyさん2019/12/08(日) 20:13:10.93ID:CJNd8Xc3
formタグでprevent使ってるのにリロードされるんですけど何が原因ですかね
入門書を見ながら、勉強しています。
vueファイル内にtemplateとscriptのコードを書くかと思いますが、
ちょっと面倒な処理を書くと結構な行数になってしまいます。
分割するのが定石でしょうか?
また、分割するには機能ごとにvueファイルを作成するのでしょうか?
0052512019/12/09(月) 17:22:41.43ID:/ud3M+UA
自己解決しました
自分は再利用できる部分や、機能が独立してる部分でコンポーネントを分割してるな
後はサイズが大きくなりすぎた時に見直して分割する
0055nobodyさん2020/01/11(土) 13:26:07.91ID:8/Y5FyP8
↓vue.jsのソースでこのような記法を見かけるんですがどういういみですか?
「...変数」
| _, ._ 彡
|( ・ω・) ヨッコラセックス
|( v)v
 ̄l77 _
vue component で data内の変数の初期値をfunctionの戻り値で書きたいのですがどうやればいいのでしょうか?
なんで伸びてないの
5chにいるようなジジイはもうjQueryしかよう使わんのか
0059nobodyさん2020/04/12(日) 00:24:26.72ID:GPjlSTvC
プププ
0060無職のADHDが◯千万円分のビットコイン所持2020/04/27(月) 14:40:43.71ID:43DeNOww
>>1
東京三鷹の土井(剛)莉里子
https://i.imgur.com/qrfkPuY.png
氏名■土井剛(莉里子)
生年月日■1994.3.7
前住所■〒181-0013 東京都三鷹市下連雀5丁目3 シティハイツ吉祥寺通り4階
性別■男(詐欺師のため、戸籍変更している可能性あり)
Twitter■@copy__writing @kotobamemo_bot
疾患■性同一性障害(LGBT)、発達障害(ADHD)、アスペルガー症候群、統合失調症
●一方的に好意を寄せる男性から相手にされないと嫌がらせを繰り返す
●某大学病院の精神科隔離病棟にて強制入院
●骨が見えるほどのリストカット
●奇声をあげながら自室部屋のドアをナイフで突き刺す
●シティハイツ吉祥寺通り4階から飛び降り自殺
●性転換手術(金玉を取る)
●トラブル...嫌がらせ、ハッキング、乗っ取り、たかり、脅迫、殺害予告...etc
●去年から今年にかけてyoutuber同士のトラブルの仲介に入り某大手youtuberから複数回に渡り1億近い慰謝料をふんだくる
●自宅の吉祥寺にいられなくなり、大阪に潜伏中(警察からも逃げている) 要素の非表示をv-showでやるかクラスでやるか悩んでるんだけどみんなどっちでやってる?
v-show="isActive"
:class="{'dispaly-node': isActive}"
LaravelというPHPのフレームワークでvue、vuex、vue-routerの導入をしているのですがvuexの導入について教えてください。
以下の書き方を紹介している記事を見かけるのですが、「store/index.js」で行っている「Vue.use(Vuex);」の記述は意味があるのでしょうか?
Vueのプラグインを使用するときにVue.use()を呼び出す必要があるとのことですが、「store/index.js」モジュールが公開している内容は「export default new Vuex.Store({})」という認識のため、
「Vue.use(Vuex);」という処理が公開先でも意味のあるものなのか知りたいです。
(import/exportなどJSのモジュール化はあまりわかっていません、、、)
◆store/index.js
-----
import Vue from 'vue';
import Vuex from 'vuex';
import auth from './module/auth'
Vue.use(Vuex); ←この処理は意味があるのか?
export default new Vuex.Store({
modules: {auth}
})
◆app.js
-----
import Vue from 'vue';
import App from './app.vue';
import router from './router';
import store from './store';
const app = new Vue({
router,
store,
el: '#app',
render: h => h(App),
});
Vue.js でJWT認証の機能を使いたいのですが、いい感じのライブラリってないでしょうか。
バックエンド側はいくつかあるので良かったのですが、Vue.jsのほうが見つからず 困っています・・・・
0065nobodyさん2022/09/28(水) 10:34:59.12ID:P6b7jUjW
v:bind でtabindexを設定しているのですが初期値として-1を与えたいのですがjsの関数を入れるしか対応方法ないでしょうか?
サーバーサイドプログラムの板であるここで
本来はフロントエンドを作るvue.jsのスレ、か
でもサーバーレスとかでvueやreactが幅を利かす昨今では切り分けがややこしいのかなw