2019年版Vue.jsを使ってる人には必ず知っていてほしいVue.jsの武器とドキュメントに書かれていないコンポーネントやメンテナンスの際に役立つTips - Qiita

はじめに 私はVue.js with Vuexを使った業務で1画面30APIを叩く必要のある画面から、たったの数APIしか叩かないけれど、代わりにUIがとても機能的で複雑な画面まで設計し、構築しました。 もちろん、Vue.jsのコンポーネントシステムをフル活用し、Vuexを入れていないプロジェクトの経験もあります。 現在は構築したシステムを保守・運用しています。 また、勉強の為にReact、 Angular、 最近はElm等にも少し触れています。 その際に得られたノウハウ、Vue.jsが他のライバルフレームワークと比べた際に現時点で本当に勝っている利点やノウハウを言語化し、共有出来たらと思います。 ※ 記事の内容に意見がありましたら直接編集リクエストをください。 Vue.js含めどのフレームワークも利点・欠点があります せっかくなので自分が把握しているVue.jsの利点と欠点を説明しようと

[kijtra]

これ系はコンポーネントとか使わなくても既存のhtmlにチョイ使いできる(jQueryの代わりとか)のも良いところの一つなんだけど、SPAとかでガッツリ作る前提ならこういうこと気にしないといけないかもね。

[apple19940820]

認証とかVuexでやった方がいいし要件次第。あと意外と皆ドキュメント読まないのね(公式に書いてある奴結構ある)

[headless_pasta]

良いまとめだ/Vuexを入れるときはちゃんと必要性を考えようぜっていうのは大賛成。

[chimerast]

Vuex+TypeScriptで、最近こいつ使ってみてるけど、つらみがだいぶ軽減される。 https://championswimmer.in/vuex-module-decorators/

[kappaseijin]

“javascriptがそこまで得意でもないフロント初学者 => Vue.js”/“Typescript + classベースの構文が好き => Angular”/“関数型の構文が好きな場合はReact”/“バックエンドをScala、Haskellとかで書いてたことがあり、且つ好き => Elm"

[naohero22]

vuexはつかわずにvue.jsを導入する。モデル同士でのデータのやりとりむずい。

[tagajun0310]

すごい参考になった‼️

[yumainaura]

“私はVue.js with Vuexを使った業務で1画面30APIを叩く必要のある画面から、たったの数APIしか叩かないけれど、代わりにUIがとても機能的で複雑な画面まで設計し、構築しました。”

[enikumax]

javascriptがそこまで得意でもないフロント初学者 => jQuery　ああああああああああああああああああああああああああああああ

[Shisama]

Tips良かったです

[kwhrtsk]

TypeScriptで書いてる時にテンプレート内で型検査が効かないのが致命的な欠点だと思ってるので、v3でそこが改善するなら楽しみですね。本体がTypeScriptで書き直されるなら他の部分も良くなるだろうし。

[yakisobaman]

わ

[maecchi]

VuexはVue.jsの利点と食い合うときもあるから取り入れるのはケースバイケースだなあ。Tipsも便利。

[h5y1m141]

SFCの質を上げるTipsの内容っぽいのをまさに社内ドキュメントにまとめていたので、すごくタイムリー！

[razokulover]

Tips以降の内容が結構良かった

[tri-star]

vuexはtypescriptと組み合わせると辛いという話。不要なら組み込まない方が良いという意見。その他、Vue.jsで不具合を作り込まないためのTIPS

[hitsujiniku-sugita]

恥ずかしながら知らない知見がたくさんありました。ありがとうございます！

[odakaho]

グローバル変数的なVuexが、SFCの良さを壊すという知見か。 “現時点で全体的にVuexを入れるとなると、Vue.jsの長所であるSFCの恩恵が大分減るので、他のフレームワーク使ったほうが良い”

[h1t0cH1]

見るこれ

[tohokuaiki]

なるそどねー。チロっとややこし目なモノを作るには便利だなーって思ってるけど、本当に小さい味付けならjQueryだし、守備範囲的にはどうなのかな？

[wordi]

Vue.jsのリファクタリング、TypeScript事情など

[Helfard]

なるほどなー ←

[u_wot_m8]

“参考リンク”

[kote2kote2]

助かります

[uehaj]

Typescript対応も困難が多い。VueはReactのようなコントロールドコンポーネントが作れない。dataから表示されている値はこれという保証がない。Object.assignですり抜ける以外にStateでUnionTypeを使う方法がない

[kkotyy]

テンプレート内の型チェックが効かないのは確かに辛い。

[Fushihara]

次バージョンではts強化か。いいこと聞いた

[riawiththesam]

後半の実践するとReactだろうとVueだろうとHyperappだろうとそんなに違いないと思う