vue.js

1 ：nobodyさん：2017/07/09(日) 23:48:45.60 ID:???.net

vue.js のスレがないとかおかしくないですか？

vue.js
sass, scss
webpack

19 ：nobodyさん：2018/03/13(火) 18:33:03.17 ID:Iz4vLrNi.net

こいつ、頭おかしいの？



13 名前：nobodyさん 2018/02/27(火) 11:11:37.20 ID:???
vuexのドキュメントはひどいぞｗ
動かすと理解できるけど読むだけじゃ難解すぎるわアレｗ

20 ：nobodyさん：2018/03/16(金) 13:54:55.21 ID:1lllqY9b.net

https://jp.vuejs.org/v2/guide/index.html 日本語のドキュメント丁寧でありがたし

21 ：nobodyさん：2018/09/23(日) 01:00:10.22 ID:???.net

全然書き込みないな
他にスレあるの？

22 ：nobodyさん：2018/09/26(水) 00:36:02.87 ID:???.net

基礎から学ぶ Vue.js、mio、2018/5/29

買って読んでるけど、難しい

23 ：nobodyさん：2018/09/27(木) 10:35:23.91 ID:aRyEJ6b6.net

ぶっちゃけオンラインの情報で充分

24 ：nobodyさん：2018/10/09(火) 13:28:06.44 ID:???.net

結構ええな。

25 ：nobodyさん：2018/10/11(木) 17:51:48.22 ID:???.net

技術書店ではVueとFirebaseが多いって報告あったけど
ここは閑散しているな・・・
本スレはどっか別にあるの？

26 ：nobodyさん：2018/10/20(土) 01:57:43.92 ID:???.net

5ch自体過疎ってるから・・・
Teratailとかstackoverflowのがいいんじゃないかね

27 ：nobodyさん：2018/11/08(木) 13:08:05.73 ID:iv+fWG/N.net

Vue.js は結局 npm で vue-cli, webpak を使って build 環境を構築しないと大したことはできない。
JavaScript なのに node.js とかいうミドルウェアイントールして build が必要とか「はぁ？」だよ。
学習コストが低いなんて嘘っぱち。vue.js, node.js, vue-cli, webpack, ...etc これらを全部
ちゃんと理解しないと結局は使いこなせない。

コードを書いたらそのまま動いて、ブラウザのデバッグツールでブレークポイント仕掛けて
簡単にデバッグできるのがJavaScriptの良いところなのにその利点を完全に捨ててる。
ぶっちゃけありえないし、だったらいらない。

28 ：nobodyさん：2018/11/08(木) 13:18:30.92 ID:bZTdjIX/.net

Angular.js ω

29 ：nobodyさん：2018/11/09(金) 20:52:16.63 ID:???.net

>>27
そんな奴は使わなければいいだけ。
メリットがあるから使うわけで。

30 ：nobodyさん：2018/11/10(土) 04:21:28.15 ID:???.net

わかるけどまあ仕方ない。
webpackは慣れると色々捗るよ。
あとIEがネックで新しいjsの書き方では
結局babel使わないといけないし

31 ：nobodyさん：2018/11/10(土) 16:51:59.38 ID:sQR01wsI.net

>>27
2ヶ月前ぐらいに初めてvue.jsを使ったけど、ブラウザのデバッグツールでブレークポイント仕掛けて簡単にデバッグってのは
CommonJS並に出来ると思ったよ。sourcemapしておけばちゃんと元のソースで見れるし、
オブジェクトの中身も、Vueのアドオン入れておけばrootオブジェクトからたどったりもできるし、
コンソールであれこれして確認したいオブジェクトはwindowにぶちこんどけばアクセスできるし。
まぁそんなに複雑でない案件だったからというのはあるだろうけど。

32 ：nobodyさん：2018/11/10(土) 19:25:58.98 ID:6srco+Il.net

http://r2.upup.be/wV2qsULdHm

33 ：nobodyさん：2018/11/11(日) 07:39:10.55 ID:thfK57tC.net

vue.js って後からコンポーネントのロードとかできんの？
一通り日本語ドキュメント読んでみたんだけど出来なさそうなんだよなぁ。

例えばテンプレートのHTMLとかコンポーネントのソースは全部独立した別ファイルにしておいて、
あるボタンをクリックしたら必要なテンプレートとコンポーネントのファイルを読み込んで、
ノードもその時その時でDOMに追加してコンポーネントをインスタンス化するみたいな動き。

どうも new Vue({...}) ってやる前に必要なコンポーネントは使う使わないに関係なく全部読み込んでおかなきゃいけなくて、
コンポーネントの配置元になるバーチャルノードも最初から記述しておかないと機能しないっぽいんだけど、
俺の理解不足？

描画を100%JavaScriptに任せたくて、body タグは空の状態から始めたいんだけどいきなり躓いてる。。。
こういうのって vue.js じゃなくて Angular.js でやるべきなのかな？

34 ：nobodyさん：2018/11/11(日) 13:06:02.40 ID:uEezrjR4.net

理解不足

がんがれ

35 ：nobodyさん：2018/11/15(木) 14:28:48.62 ID:???.net

vueの勉強を始めたんですが、疑問があるので教えてくださいませんか
公式ではv-ifの等価判定が===とイコール3つになってますが
他の言語でもそうだし普通2個だろと思って試したら同じように動作しています

今はそれで2個のままやってしまっていますが
3個と2個で何かどこかで挙動の違いがあるんでしょうか
検索したのですがそういう情報も見当たらなかったので、詳しい方がいたら教えていただきたく

36 ：nobodyさん：2018/11/15(木) 16:10:48.53 ID:???.net

ググったら普通に出てきたけど
https://qiita.com/PianoScoreJP/items/e43d70ec188c6fed73ed

あと「他の言語でもそうだし」って言うけど、PHPとか型付の緩い言語はだいたいトリプルイコールがあるよ

37 ：nobodyさん：2018/11/15(木) 21:53:56.81 ID:???.net

PHP含め不勉強でしたね
参考になりました、ありがとうございます

38 ：nobodyさん：2018/11/16(金) 11:02:39.11 ID:NQDydE6n.net

ありがとうパスカル

39 ：nobodyさん：2018/11/16(金) 22:17:47.37 ID:???.net

vueでdataで空の配列を宣言して、
methodsで中身を入れるということがしたいのですが、
ボタンなどのトリガーを置いてやることはできました

しかし最初からトリガーなしで、javaのコンストラクタ的に
中身を入れる方法というのはあるのでしょうか
vueは簡単と色んなところで見ますが、同じことができる記法も混沌としていて
javaやpythonよりはずっと取っつきにくく感じています

40 ：nobodyさん：2018/11/16(金) 23:04:06.24 ID:???.net

すみません自己解決しました、createdでできました
javascriptに on load という類似のものがあるというのが分かったので
on load vue で検索していたら出てきました
javascriptそのものの知識が足りてないのですが、この自分が分かりにくく感じているのは
明らかにそのせいなのでしょうね

41 ：nobodyさん：2018/11/17(土) 06:24:53.27 ID:???.net

それもあるけど、全部ちゃんとドキュメントにもかいてあるよ
ある程度目を通してこういう機能あったなくらいは把握しておくのが吉

42 ：nobodyさん：2018/11/17(土) 11:52:01.42 ID:???.net

言語知らずにその言語上で動くフレームワークを評価するとかムリっしょ

43 ：nobodyさん：2018/11/22(木) 12:37:21.86 ID:???.net

童貞なのにセックスを語るようなもでしょうか

44 ：nobodyさん：2019/02/02(土) 18:47:12.77 ID:???.net

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とか入れなきゃならないのが
面倒なんだが。

45 ：nobodyさん：2019/06/18(火) 13:23:51.68 ID:???.net

質問していいでしょうか
Vueをtypescriptで書いて、property-decoratorで@Emitデコレータを使いたいときに
外部ファイルからimportしたvueインスタンス(仮にextvm)に
イベントをemitしたいときってどうやればいいのでしょうか

this.$emit('call')
に
@Emit() call{}
は相当していますが

extvm.$emit('call')
を投げるにはどうすればいいのだろうかという疑問です
property-decoratorの公式も見てみたのですが
例は全部this.$emitの置き換えばかりで分からなかったので
詳しい方いらっしゃいましたらお教えいただければ幸いです
どうぞよろしくお願いいたします

46 ：nobodyさん：2019/06/20(木) 18:50:29.95 ID:???.net

ここはほぼPHP板だから、↓で聞いたほうがいいと思うよ
http://mevius.5ch.net/test/read.cgi/tech/1560333895/

47 ：nobodyさん：2019/06/24(月) 01:00:38.46 ID:???.net

>>46
ありがとうございます
大分返事が遅れてしまいました
そちらで聞いてみます

48 ：nobodyさん：2019/07/30(火) 20:36:09.08 ID:???.net

https://i.imgur.com/RUBBmLr.jpg

49 ：nobodyさん：2019/12/08(日) 20:13:10.93 ID:CJNd8Xc3.net

formタグでprevent使ってるのにリロードされるんですけど何が原因ですかね

50 ：49：2019/12/09(月) 12:01:18 ID:???.net

自己解決しました

51 ：nobodyさん：2019/12/09(月) 16:54:19.50 ID:???.net

入門書を見ながら、勉強しています。
vueファイル内にtemplateとscriptのコードを書くかと思いますが、
ちょっと面倒な処理を書くと結構な行数になってしまいます。
分割するのが定石でしょうか？
また、分割するには機能ごとにvueファイルを作成するのでしょうか？

52 ：51：2019/12/09(月) 17:22:41.43 ID:/ud3M+UA.net

自己解決しました

53 ：nobodyさん：2019/12/09(月) 22:53:25.27 ID:???.net

自己解決してねぇよボケ

54 ：nobodyさん：2019/12/11(水) 07:06:18.06 ID:???.net

自分は再利用できる部分や、機能が独立してる部分でコンポーネントを分割してるな

後はサイズが大きくなりすぎた時に見直して分割する

55 ：nobodyさん：2020/01/11(土) 13:26:07.91 ID:8/Y5FyP8.net

↓vue.jsのソースでこのような記法を見かけるんですがどういういみですか？
「...変数」

56 ：nobodyさん：2020/01/11(土) 21:16:36.87 ID:???.net

|　_, ._　彡
|( ･ω･)　ﾖｯｺﾗｾｯｸｽ
|(　v)v
￣l77 �_

57 ：nobodyさん：2020/02/02(日) 23:09:26 ID:???.net

vue component で data内の変数の初期値をfunctionの戻り値で書きたいのですがどうやればいいのでしょうか？

58 ：nobodyさん：2020/04/11(土) 17:37:50 ID:???.net

なんで伸びてないの
5chにいるようなジジイはもうjQueryしかよう使わんのか

59 ：nobodyさん：2020/04/12(日) 00:24:26 ID:GPjlSTvC.net

ﾌﾟﾌﾟﾌﾟ

60 ：無職のADHDが◯千万円分のビットコイン所持：2020/04/27(月) 14:40:43.71 ID:43DeNOww.net

>>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億近い慰謝料をふんだくる
●自宅の吉祥寺にいられなくなり、大阪に潜伏中（警察からも逃げている）

61 ：nobodyさん：2020/11/13(金) 04:41:01.30 ID:???.net

作ろう！ウェブアプリ開発コンテストPart1
https://mevius.5ch.net/test/read.cgi/hp/1605200346/

62 ：nobodyさん：2021/09/28(火) 01:12:13.25 ID:???.net

要素の非表示をv-showでやるかクラスでやるか悩んでるんだけどみんなどっちでやってる？

v-show="isActive"
:class="{'dispaly-node': isActive}"

63 ：nobodyさん：2022/01/03(月) 07:55:11.17 ID:???.net

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),
});

64 ：nobodyさん：2022/07/12(火) 14:42:50.33 ID:???.net

Vue.js でJWT認証の機能を使いたいのですが、いい感じのライブラリってないでしょうか。
バックエンド側はいくつかあるので良かったのですが、Vue.jsのほうが見つからず 困っています・・・・

65 ：nobodyさん：[ここ壊れてます] .net

v:bind でtabindexを設定しているのですが初期値として-1を与えたいのですがjsの関数を入れるしか対応方法ないでしょうか？

66 ：nobodyさん：2023/08/14(月) 21:21:25.20 ID:???.net

ゴリラ豪雨、ヤバいよ！

67 ：nobodyさん：2023/08/20(日) 22:48:45.53 ID:jk4Ujel1/

治安惡化の原因は公務員だの大企業た゛の人類に湧いた害虫が私利私欲のために．ベ−シックイン力ムすらさせないことにあるんた゛ろうな
ナマポは犯罪抑止として多少の効果はあるものの、ぶち殺したい公務員に保護観察されたり，親類に連絡が行ったり．クルマ禁止されたり
それて゛いて最低限の金銭支給とか詐欺や強盗に走るのは損益計算上の合理性か゛あるわけだが、シ゛ジハ゛バなんて破綻させるのが筋の年金を
税金て゛存続させて受給してるわけた゛し．今度は子供給付倍増た゛のと一層社會的分断が進んて゛，子か゛居る裕福そうな家が狙われそうだよな
テ゛シ゛夕ル音痴のハ゛カしかいないクソ政府が、DXの名のもとに利権を前提に頓珍漢なことやって益々個人情報の拡散を推進してるわけだが
そうした情報か゛犯罪に利用されてる現実を認識して．セコイ餌に釣られて個人情報を入力しないのは当然．スパイスクリプ├の異名を持つ
JavaScript惡用して無関係なサイ├からも裏て゛通信させて個人情報収集しまくってるヤフ―等の存在を意識してJavaScript無効にするとか
e-Taxやらには関わらないとか、この自民公明禍、それでも押し入られた時のために10萬ほど用意しておいて勘弁してもらうしかないよな
(羽田)ttps://www.call4.jp/info.php?type=items&id=I0000062 , ttps://haneda-project.jimdofree.com/
(成田)ttps://n-souonhigaisosyoudan.amebaownd.com/
(テロ組織)ttps://i.imgur.com/hnli1ga.jpeg

68 ：nobodyさん：2023/10/31(火) 11:20:42.10 ID:???.net

サーバーサイドプログラムの板であるここで
本来はフロントエンドを作るvue.jsのスレ、か

でもサーバーレスとかでvueやreactが幅を利かす昨今では切り分けがややこしいのかなｗ