Vuex4 - Tidak boleh mengakses harta yang tidak ditentukan (akses 'keadaan')

Question

Saya menggunakan Vue3 dan Vuex4

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)

Saya mahu menetapkan "hello" sebagai pembolehubah mesej untuk digunakan sepanjang aplikasi, berikut ialah main.js

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')

Ini ialah fail App.vue saya dan saya cuba menggunakan fungsi terkira dan API tersusun untuk menerimanya.

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{ }
  }
}

Answer 1

Cuba gunakan:

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