<p>Saya menggunakan <code>Vue3</code> dan <code>Vuex4</code> <pre class="brush:php;toolbar:false;">Uncaught TypeError: Tidak dapat membaca sifat yang tidak ditentukan (membaca 'keadaan') di ReactiveEffect.eval [as fn] (App.vue?3dfd:36) di ReactiveEffect.run (reactivity.esm-bundler.js?a1e9:160) di ComputedRefImpl.get nilai [sebagai nilai] (reactivity.esm-bundler.js?a1e9:1087) pada persediaan (App.vue?3dfd:37) di callWithErrorHandling (runtime-core.esm-bundler.js?5c40:6656) di setupStatefulComponent (runtime-core.esm-bundler.js?5c40:6272) di setupComponent (runtime-core.esm-bundler.js?5c40:6228) di mountComponent (runtime-core.esm-bundler.js?5c40:4081) di processComponent (runtime-core.esm-bundler.js?5c40:4056) pada patch (runtime-core.esm-bundler.js?5c40:3651)</pre> <p>Saya mahu menetapkan "hello" sebagai pembolehubah mesej untuk digunakan sepanjang aplikasi, berikut ialah <kod>main.js</code> <pre class="brush:php;toolbar:false;">import { createApp} daripada 'vue' import Apl daripada './App.vue' import penghala daripada './router' import { createStore } daripada 'vuex'; kedai const = createStore({ negeri(){ kembali{ mesej: 'hello' } } }) createApp(App).use(router, store).mount('#app')</pre> <p>Ini ialah fail App.vue saya dan saya cuba menggunakan fungsi terkira dan API tersusun untuk menerimanya. </p> <pre class="brush:php;toolbar:false;">import { ref, computed } daripada 'vue' import { useStore } daripada 'vuex' eksport lalai { nama: 'App', persediaan(){ const store = useStore(); mesej const = dikira(() => store.state.message); console.log(message.value); kembali{ } } }</pre></p>

createApp(App)
  .use(router)
  .use(store)
  .mount('#app')