タイトル通りです。

• 良い点
  • 一つのvueファイルにHTML,CSS,JSをまとめてるため見やすい
  • 個人的にReactよりも覚えやすく学習コストが低い
  • Vuexもthis.$store.dispatch、this.$store.getters等で呼び出せば良いだけなので、ReduxなどのconnectやmapToStateなどの書き方よりもシンプルかつ直感的
• 悪い点
  • 書き方に決まりがないので好きなように書いていくとコードが酷くなる
  • Eslintの設定がReactのjsファイルなどに比べると設定をするのが面倒
  • TypeScriptと相性が悪く、入れたらまずESLintの設定はややこしくなるのと、そもそもvue自体がTypeScriptのサポートが薄くサードパーティー製のライブラリなども入れたりする事が起きる
  • Reactにパフォーマンスが劣る
• 共通
  • コンポーネント の設計とStoreの責務(どこまでをstateとして持つなど)をちゃんと決めておかないとVuexやReduxなどを入れても逆に読みにくくなる

The following two tabs change content below.

• この記事を書いた人
• 最新の記事

茂木 優貴

最新記事 by 茂木 優貴 (全て見る)

• Vue + Vuex でサービスを作ってみた感想 - 2019年8月31日