RailsとVueを使ってSPAを作る際のvuex

Question

初めてRailsとVueでSPAを作って見ようと思っています。

Vueを勉強している時にvuexも勉強しました。

Vueでアプリを作る際はかなり有用だと思うのですが、Railsを使ってSPAを作る際にどのような場面でVuexを使うのか、どのようなメリットがあるのかまだわかりません。

APIにアクセスしてDBからデータを扱うだけではよくないのでしょうか。

Railsを使ってSPAを作成する際のvuexの基本的でよくある活用の仕方、またメリットも教えていただけると嬉しいです。

よろしくお願いいたします。

Answer 1

個人的にはvuexが提供するstateというグローバル変数は果たして使うべきなのか疑問に思っているところです。
必要を感じるまで普通にvuexなしで作ってみるのが良いのではと考えます。
少なくともSPAを作る上で、vuexは必須ではない。
自分的には使う使わないは自由という立場です。

個人的にはこの記事に賛同するところがあります。
なんで Vuex はなるべく避けるの？

Comments

[suny]

返答ありがとうございます！

再度質問なのですが、実際に業務で使う際はどちらが多いのでしょうか。

[mingos]

要件次第かと。
自分の場合、今はスマホゲーム(Unity/C#)を作っており、RailsはAPIと管理画面で使っているのですが、
管理画面のほうは最低限のことができればいいので、できるだけ時間をかけずにやりたいケースが多いです。
その場合、何でもかんでもvueで作る必要はないし、時間をかけては行けません。
(リリース後でも管理画面はメンテできるので、重要度はアプリ側にあります)

例えば、管理画面で単にユーザの一覧を表示したい場合、これはvue必要ないですね。
詳細ボタンを押したらポップアップで表示する必要があるかもしれませんが、こういうときにvueで部分的に作る事はありますが、明らかにvuexは不要です。

一方で複数のテーブルにまたがるようなデータを編集するようなUIを作ろうとした時、
普通のフォームだと不便なのでvueでSPAで作りますが、
この時も各コンポーネントにpropsで渡せば十分なケースもあります。
ただ、親コンポーネントから子コンポーネントを呼び出し、さらに子コンポーネントを呼び出して編集して親にもその情報を伝える必要がある時、propsだとつらいのでstateが欲しくなりvuexの導入を検討するという感じになります。

業務だからvuexを使うとか使わないではなく、必要な機能次第といった感じです。

[suny]

詳しい回答ありがとうございました！
よくわかりました。