Vuex4 - 未定義のプロパティにアクセスできません (「状態」にアクセス)
P粉321584263
2023-08-25 10:06:35
<p><code>Vue3</code> と <code>Vuex4</code> を使用していますが、次のエラーが発生し続けます: </p>
<pre class="brush:php;toolbar:false;">Uncaught TypeError: 未定義のプロパティを読み取ることができません (「状態」を読み取ります)
ReactiveEffect.eval [as fn] (App.vue?3dfd:36)
ReactiveEffect.run (reactivity.esm-bundler.js?a1e9:160) で
ComputedRefImpl.get 値 [値として] (reactivity.esm-bundler.js?a1e9:1087)
セットアップ時 (App.vue?3dfd:37)
callWithErrorHandling で (runtime-core.esm-bundler.js?5c40:6656)
setupStatefulComponent で (runtime-core.esm-bundler.js?5c40:6272)
setupComponent で (runtime-core.esm-bundler.js?5c40:6228)
mountComponent で (runtime-core.esm-bundler.js?5c40:4081)
processComponent で (runtime-core.esm-bundler.js?5c40:4056)
パッチ (runtime-core.esm-bundler.js?5c40:3651)</pre>
<p>アプリケーション全体で使用するメッセージ変数として「hello」を設定したいのですが、ここに私の <code>main.js</code> ファイルがあります: </p>
<pre class="brush:php;toolbar:false;">import { createApp} from 'vue'
「./App.vue」からアプリをインポート
「./router」からルーターをインポートします
'vuex' から { createStore } をインポートします。
const ストア = createStore({
州(){
戻る{
メッセージ: 「こんにちは」
}
}
})
createApp(App).use(router, store).mount('#app')</pre>
<p>これは私の App.vue ファイルであり、計算関数と合成 API を使用してそれを受信しようとしています。 </p>
<pre class="brush:php;toolbar:false;">import { ref, computed } from 'vue'
「vuex」からインポート { useStore }
デフォルトのエクスポート {
名前: 'アプリ'、
設定(){
const ストア = useStore();
const message = computed(() =>store.state.message);
コンソール.ログ(メッセージ.値);
戻る{ }
}
}</pre></p>
使ってみてください:
リーリー