Vue 2.7 与组合 API + Vuex

Question

Vue 2 アプリケーションを Vue 2.7 に移行しようとしていますが、API と Vuex の組み合わせでいくつかの問題が発生しています。

現在のアプリケーションでは、@vue/composition-api パッケージを使用してコンポーザブルを使用できるようにしています。これらのコンポーザブル内で、ストアにアクセスして次のように取得する必要があります:

リーリー

ただし、Vue バージョンを 2.7 にアップグレードすると、この構文はサポートされなくなりました。ストアにアクセスするには、Vuex の useStore コンポーザブルを使用する必要があります。これは Vuex バージョン 4 でのみ機能します。

現在のバージョンの Vue で Vuex バージョン 4 をアップグレードすると、次のエラーが表示されます:

リーリー

これらは合成 API の一部であり、使用している Vue のバージョン (2.6.14) では利用できないため、これは当然のことです。ただし、Vuex バージョン 4 と Vue バージョン 2.7 も連携していないようです。

Vuex ^4.1.0 および Vue 2.7.13 を使用してアプリケーションを実行すると、次のエラーが表示されます:

リーリー

Vue 2.7 を Vuex およびコンポジション API と連携させるにはどうすればよいでしょうか?具体的には、Vue 2.7 のコンポーザブルで Vuex ストレージにアクセスするにはどうすればよいでしょうか?

Answer 1

あなたのストア:

リーリー

サブコンポーネントを含む任意のコンポーネント内:

リーリー

複数のストアがある場合は、ストアに名前を付け、それに応じて use 機能を使用します。