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

はじめに 私はVue.js with Vuexを使った業務で1画面30APIを叩く必要のある画面から、たったの数APIしか叩かないけれど、代わりにUIがとても機能的で複雑な画面まで設計し、構築しました。 現在は構築したシステムを保守・運用しており、その際に得られたノウハウを言語化し、共有出来たらと思います。 ※ 記事の内容に意見がありましたら直接編集リクエストをください。 ※ パフォーマンスの話はしません。 ゴール 役立つTipsを身につけコード品質を向上させる コンポーネントのバグを減らせるTips ほとんどのバグは変数から来ます。 もし全ての値が定数なら状態から来るバグはほとんど無くなるでしょう。 ここではこの変数や式を極力減らせるTipsを紹介したいと思います。 1. dataを極力定義しない Vue.jsでコンポーネントを定義する際ついdata()に沢山変数を定義しちゃいますよね。

[potato4d]

当たり前の話だった

[topofbottom]

文章量の割に大したこと書いてねーな…

[lifeisadog]

「性的解析」まで読んだ

[Rishatang]

computedとかtemplateタグ使えってのは普通にドキュメントにも書かれてるのでは？

[solidstatesociety]

織田信長「このsetterは温かい

[koyancya]

必ず知っていて欲しいドキュメントに書かれてない何かがあるモノを使いたくない...... -> “必ず知っていてほしいドキュメントに書かれていないコンポーネントやストア、メンテナンスの際に役立つTips”

[br2jn51]

当たり前のことだけど、このレベルのコードが現実には沢山あるので、言語化してくれて嬉しい気持ちです。

[ryunosinfx]

Reactの方が背筋が通ってて成長への伸びしろが大きいということか・・・Vueは一見良さそうに見えるが罠をどれだけ回避できるかのセンスと経験が試される大地と・・・

[hirorock]

templateは入れ子できる

[headless_pasta]

これは良い知見/dataを減らすと楽なのは最近気づいた/templateを入れ子にできるの知らんかった！

[slash_01]

こういうバッドノウハウ的なやつの共有は有り難い。あとで読んでおこう。

[nismit]

Vue/Vuexで構築する際のTips

[peketamin]

なるほどー！

[taisa831]

最近の勉強会でもまだReact勢が圧倒的に多かったけどこういう記事はVueの方が圧倒的に多い。

[I_L_S]

Vue.jsは使う前に公式のベストプラクティス熟読した方が良い

[wordi]

基本としては表示の矯正やフィルタリングはfilterプロパティの方が適切なのと、ストアはネストも出来るので大枠コンポーネントごとに区切るのも良い

[Futaro99]

実はcomputedにはsetterも定義できてそれをやり始めると死ぬ/vuetifyはバグが多すぎる気がする…

[aquarickn]

大体半年くらいVue.jsとVuexを使うと行き着く手法を並べてる感じなので良い知見

[kote2kote2]

メモメモ

[D_first]

なるほど、Reactを使えばすべて解決するのかー

[shibukk]

めちゃくちゃ有用だ。チーム内のレビュー方針としてもおすすめしたい。