[Vue]Vuexのstoreオプションを使う場合は必ずuseの指定が必要

タイトルで終わってしまう内容ですが、勉強中なのでメモ。

Vueの単一ファイルコンポーネントでVuexを参照する場合はルートコンポーネントにstoreオプションを指定します。

このオプションを指定する場合は、エントリーポイントでVue.use(Vuex);の1行を記述しないと参照時エラーになるので注意です。

Vuexのuse指定コード例

 

エントリーポイントの24行目、ルートコンポーネントで「store」オプションを指定してます。この場合子コンポーネントでthis.$store.text;などでストアを参照する場合、5行目のようにuseでVuexを指定する必要があります。

参考:ステート · Vuex

コメント

「何かそこ違うよ」「こうした方が良い」っていう部分があったら指摘して頂けると嬉しいです。

トラックバック

トラックバックは現在ありません。

Trackback: https://increment-log.com/vuex-store-option-use/trackback/