vue.js のスレがないとかおかしくないですか？
vue.js
sass, scss
webpack
vue.js
sass, scss
webpack
riotからvue.jsに乗り換えようかとかんがえてる
reactはコードがきもちわるいのでNG
reactはコードがきもちわるいのでNG
LaravelのフロントエンドがVue.jsになった
って聞いたけどどういうこと？
って聞いたけどどういうこと？
そういうこと
まぁ簡潔でいいよね
Vue.jsでハマったところ（主にIE）
http://qiita.com/jshindo/items/67d3520b8fc6a6bb0af5
http://qiita.com/jshindo/items/67d3520b8fc6a6bb0af5
公式のドキュメントの出来が素晴らしいねこれ
誰でも簡単にネットで稼げる方法など
参考までに、
⇒ 『半藤のブブイウイウレレ』 というサイトで見ることができます。
グーグル検索⇒『半藤のブブイウイウレレ』
9R21BDR3XK
参考までに、
⇒ 『半藤のブブイウイウレレ』 というサイトで見ることができます。
グーグル検索⇒『半藤のブブイウイウレレ』
9R21BDR3XK
よくvueいいってネットで目にするから、このスレ覗いて情報得ようと思ったけど本当に評判ほど使ってるの？
スレの盛り上がりの無さに萎えたんだが
スレの盛り上がりの無さに萎えたんだが
確実に使われてるけど、このすれは勢いがないからわざわざ書き込まない
Packtの5$セールの時にVue.js 2 Web Development Projectsってやつを買ったが、
作りながら学ぶスタイルで、入門者にはなかなか良い
作りながら学ぶスタイルで、入門者にはなかなか良い
Laracastsのvueのやつは良いかな？
https://laracasts.com/series/learn-vue-2-step-by-step
https://laracasts.com/series/learn-vue-2-step-by-step
test
だいたいは公式ドキュメント読むと解決するので
ここで聞くことはあまりないのかもな。
ここで聞くことはあまりないのかもな。
こいつ、頭おかしいの？
13 名前：nobodyさん 2018/02/27(火) 11:11:37.20 ID:???
vuexのドキュメントはひどいぞｗ
動かすと理解できるけど読むだけじゃ難解すぎるわアレｗ
13 名前：nobodyさん 2018/02/27(火) 11:11:37.20 ID:???
vuexのドキュメントはひどいぞｗ
動かすと理解できるけど読むだけじゃ難解すぎるわアレｗ
https://jp.vuejs.org/v2/guide/index.html 日本語のドキュメント丁寧でありがたし
全然書き込みないな
他にスレあるの？
他にスレあるの？
基礎から学ぶ Vue.js、mio、2018/5/29
買って読んでるけど、難しい
買って読んでるけど、難しい
ぶっちゃけオンラインの情報で充分
結構ええな。
技術書店ではVueとFirebaseが多いって報告あったけど
ここは閑散しているな・・・
本スレはどっか別にあるの？
ここは閑散しているな・・・
本スレはどっか別にあるの？
5ch自体過疎ってるから・・・
Teratailとかstackoverflowのがいいんじゃないかね
Teratailとかstackoverflowのがいいんじゃないかね
Vue.js は結局 npm で vue-cli, webpak を使って build 環境を構築しないと大したことはできない。
JavaScript なのに node.js とかいうミドルウェアイントールして build が必要とか「はぁ？」だよ。
学習コストが低いなんて嘘っぱち。vue.js, node.js, vue-cli, webpack, ...etc これらを全部
ちゃんと理解しないと結局は使いこなせない。
コードを書いたらそのまま動いて、ブラウザのデバッグツールでブレークポイント仕掛けて
簡単にデバッグできるのがJavaScriptの良いところなのにその利点を完全に捨ててる。
ぶっちゃけありえないし、だったらいらない。
JavaScript なのに node.js とかいうミドルウェアイントールして build が必要とか「はぁ？」だよ。
学習コストが低いなんて嘘っぱち。vue.js, node.js, vue-cli, webpack, ...etc これらを全部
ちゃんと理解しないと結局は使いこなせない。
コードを書いたらそのまま動いて、ブラウザのデバッグツールでブレークポイント仕掛けて
簡単にデバッグできるのがJavaScriptの良いところなのにその利点を完全に捨ててる。
ぶっちゃけありえないし、だったらいらない。
Angular.js ω
わかるけどまあ仕方ない。
webpackは慣れると色々捗るよ。
あとIEがネックで新しいjsの書き方では
結局babel使わないといけないし
webpackは慣れると色々捗るよ。
あとIEがネックで新しいjsの書き方では
結局babel使わないといけないし
>>27
2ヶ月前ぐらいに初めてvue.jsを使ったけど、ブラウザのデバッグツールでブレークポイント仕掛けて簡単にデバッグってのは
CommonJS並に出来ると思ったよ。sourcemapしておけばちゃんと元のソースで見れるし、
オブジェクトの中身も、Vueのアドオン入れておけばrootオブジェクトからたどったりもできるし、
コンソールであれこれして確認したいオブジェクトはwindowにぶちこんどけばアクセスできるし。
まぁそんなに複雑でない案件だったからというのはあるだろうけど。
2ヶ月前ぐらいに初めてvue.jsを使ったけど、ブラウザのデバッグツールでブレークポイント仕掛けて簡単にデバッグってのは
CommonJS並に出来ると思ったよ。sourcemapしておけばちゃんと元のソースで見れるし、
オブジェクトの中身も、Vueのアドオン入れておけばrootオブジェクトからたどったりもできるし、
コンソールであれこれして確認したいオブジェクトはwindowにぶちこんどけばアクセスできるし。
まぁそんなに複雑でない案件だったからというのはあるだろうけど。
vue.js って後からコンポーネントのロードとかできんの？
一通り日本語ドキュメント読んでみたんだけど出来なさそうなんだよなぁ。
例えばテンプレートのHTMLとかコンポーネントのソースは全部独立した別ファイルにしておいて、
あるボタンをクリックしたら必要なテンプレートとコンポーネントのファイルを読み込んで、
ノードもその時その時でDOMに追加してコンポーネントをインスタンス化するみたいな動き。
どうも new Vue({...}) ってやる前に必要なコンポーネントは使う使わないに関係なく全部読み込んでおかなきゃいけなくて、
コンポーネントの配置元になるバーチャルノードも最初から記述しておかないと機能しないっぽいんだけど、
俺の理解不足？
描画を100%JavaScriptに任せたくて、body タグは空の状態から始めたいんだけどいきなり躓いてる。。。
こういうのって vue.js じゃなくて Angular.js でやるべきなのかな？
一通り日本語ドキュメント読んでみたんだけど出来なさそうなんだよなぁ。
例えばテンプレートのHTMLとかコンポーネントのソースは全部独立した別ファイルにしておいて、
あるボタンをクリックしたら必要なテンプレートとコンポーネントのファイルを読み込んで、
ノードもその時その時でDOMに追加してコンポーネントをインスタンス化するみたいな動き。
どうも new Vue({...}) ってやる前に必要なコンポーネントは使う使わないに関係なく全部読み込んでおかなきゃいけなくて、
コンポーネントの配置元になるバーチャルノードも最初から記述しておかないと機能しないっぽいんだけど、
俺の理解不足？
描画を100%JavaScriptに任せたくて、body タグは空の状態から始めたいんだけどいきなり躓いてる。。。
こういうのって vue.js じゃなくて Angular.js でやるべきなのかな？
理解不足
がんがれ
がんがれ
vueの勉強を始めたんですが、疑問があるので教えてくださいませんか
公式ではv-ifの等価判定が===とイコール3つになってますが
他の言語でもそうだし普通2個だろと思って試したら同じように動作しています
今はそれで2個のままやってしまっていますが
3個と2個で何かどこかで挙動の違いがあるんでしょうか
検索したのですがそういう情報も見当たらなかったので、詳しい方がいたら教えていただきたく
公式ではv-ifの等価判定が===とイコール3つになってますが
他の言語でもそうだし普通2個だろと思って試したら同じように動作しています
今はそれで2個のままやってしまっていますが
3個と2個で何かどこかで挙動の違いがあるんでしょうか
検索したのですがそういう情報も見当たらなかったので、詳しい方がいたら教えていただきたく
ググったら普通に出てきたけど
https://qiita.com/PianoScoreJP/items/e43d70ec188c6fed73ed
あと「他の言語でもそうだし」って言うけど、PHPとか型付の緩い言語はだいたいトリプルイコールがあるよ
https://qiita.com/PianoScoreJP/items/e43d70ec188c6fed73ed
あと「他の言語でもそうだし」って言うけど、PHPとか型付の緩い言語はだいたいトリプルイコールがあるよ
PHP含め不勉強でしたね
参考になりました、ありがとうございます
参考になりました、ありがとうございます
ありがとうパスカル
vueでdataで空の配列を宣言して、
methodsで中身を入れるということがしたいのですが、
ボタンなどのトリガーを置いてやることはできました
しかし最初からトリガーなしで、javaのコンストラクタ的に
中身を入れる方法というのはあるのでしょうか
vueは簡単と色んなところで見ますが、同じことができる記法も混沌としていて
javaやpythonよりはずっと取っつきにくく感じています
methodsで中身を入れるということがしたいのですが、
ボタンなどのトリガーを置いてやることはできました
しかし最初からトリガーなしで、javaのコンストラクタ的に
中身を入れる方法というのはあるのでしょうか
vueは簡単と色んなところで見ますが、同じことができる記法も混沌としていて
javaやpythonよりはずっと取っつきにくく感じています
すみません自己解決しました、createdでできました
javascriptに on load という類似のものがあるというのが分かったので
on load vue で検索していたら出てきました
javascriptそのものの知識が足りてないのですが、この自分が分かりにくく感じているのは
明らかにそのせいなのでしょうね
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とか入れなきゃならないのが
面倒なんだが。
<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の置き換えばかりで分からなかったので
詳しい方いらっしゃいましたらお教えいただければ幸いです
どうぞよろしくお願いいたします
Vueをtypescriptで書いて、property-decoratorで@Emitデコレータを使いたいときに
外部ファイルからimportしたvueインスタンス(仮にextvm)に
イベントをemitしたいときってどうやればいいのでしょうか
this.$emit('call')
に
@Emit() call{}
は相当していますが
extvm.$emit('call')
を投げるにはどうすればいいのだろうかという疑問です
property-decoratorの公式も見てみたのですが
例は全部this.$emitの置き換えばかりで分からなかったので
詳しい方いらっしゃいましたらお教えいただければ幸いです
どうぞよろしくお願いいたします
ここはほぼPHP板だから、↓で聞いたほうがいいと思うよ
http://2chb.net/r/tech/1560333895/
http://2chb.net/r/tech/1560333895/
![vue.js [無断転載禁止]©2ch.net ->画像>2枚](https://rz.anime-tube.win/pic.php?http://i.imgur.com/RUBBmLr.jpg)
formタグでprevent使ってるのにリロードされるんですけど何が原因ですかね
自己解決しました
入門書を見ながら、勉強しています。
vueファイル内にtemplateとscriptのコードを書くかと思いますが、
ちょっと面倒な処理を書くと結構な行数になってしまいます。
分割するのが定石でしょうか？
また、分割するには機能ごとにvueファイルを作成するのでしょうか？
vueファイル内にtemplateとscriptのコードを書くかと思いますが、
ちょっと面倒な処理を書くと結構な行数になってしまいます。
分割するのが定石でしょうか？
また、分割するには機能ごとにvueファイルを作成するのでしょうか？
自己解決しました
自己解決してねぇよボケ
自分は再利用できる部分や、機能が独立してる部分でコンポーネントを分割してるな
後はサイズが大きくなりすぎた時に見直して分割する
後はサイズが大きくなりすぎた時に見直して分割する
↓vue.jsのソースでこのような記法を見かけるんですがどういういみですか？
「...変数」
「...変数」
| _, ._ 彡
|( ･ω･) ﾖｯｺﾗｾｯｸｽ
|( v)v
￣l77 ㍉
|( ･ω･) ﾖｯｺﾗｾｯｸｽ
|( v)v
￣l77 ㍉
vue component で data内の変数の初期値をfunctionの戻り値で書きたいのですがどうやればいいのでしょうか？
なんで伸びてないの
5chにいるようなジジイはもうjQueryしかよう使わんのか
5chにいるようなジジイはもうjQueryしかよう使わんのか
ﾌﾟﾌﾟﾌﾟ
>>1
東京三鷹の土井（剛）莉里子
![vue.js [無断転載禁止]©2ch.net ->画像>2枚](https://rz.anime-tube.win/pic.php?http://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億近い慰謝料をふんだくる
●自宅の吉祥寺にいられなくなり、大阪に潜伏中（警察からも逃げている）
東京三鷹の土井（剛）莉里子
氏名■土井剛（莉里子）
生年月日■1994.3.7
前住所■〒181-0013 東京都三鷹市下連雀5丁目3 シティハイツ吉祥寺通り4階
性別■男（詐欺師のため、戸籍変更している可能性あり）
Twitter■@copy__writing @kotobamemo_bot
疾患■性同一性障害（LGBT）、発達障害（ADHD）、アスペルガー症候群、統合失調症
●一方的に好意を寄せる男性から相手にされないと嫌がらせを繰り返す
●某大学病院の精神科隔離病棟にて強制入院
●骨が見えるほどのリストカット
●奇声をあげながら自室部屋のドアをナイフで突き刺す
●シティハイツ吉祥寺通り4階から飛び降り自殺
●性転換手術（金玉を取る）
●トラブル...嫌がらせ、ハッキング、乗っ取り、たかり、脅迫、殺害予告...etc
●去年から今年にかけてyoutuber同士のトラブルの仲介に入り某大手youtuberから複数回に渡り1億近い慰謝料をふんだくる
●自宅の吉祥寺にいられなくなり、大阪に潜伏中（警察からも逃げている）
作ろう！ウェブアプリ開発コンテストPart1
http://2chb.net/r/hp/1605200346/
http://2chb.net/r/hp/1605200346/
要素の非表示をv-showでやるかクラスでやるか悩んでるんだけどみんなどっちでやってる？
v-show="isActive"
:class="{'dispaly-node': isActive}"
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),
});
以下の書き方を紹介している記事を見かけるのですが、「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のほうが見つからず 困っています・・・・
バックエンド側はいくつかあるので良かったのですが、Vue.jsのほうが見つからず 困っています・・・・
