javascript - Vuex4 - 无法读取未定义的属性(读取“状态”)
问题描述
我正在使用 Vue3 和 Vuex4,我不断收到错误消息:
Uncaught TypeError: Cannot read properties of undefined (reading 'state')
at ReactiveEffect.eval [as fn] (App.vue?3dfd:36)
at ReactiveEffect.run (reactivity.esm-bundler.js?a1e9:160)
at ComputedRefImpl.get value [as value] (reactivity.esm-bundler.js?a1e9:1087)
at setup (App.vue?3dfd:37)
at callWithErrorHandling (runtime-core.esm-bundler.js?5c40:6656)
at setupStatefulComponent (runtime-core.esm-bundler.js?5c40:6272)
at setupComponent (runtime-core.esm-bundler.js?5c40:6228)
at mountComponent (runtime-core.esm-bundler.js?5c40:4081)
at processComponent (runtime-core.esm-bundler.js?5c40:4056)
at patch (runtime-core.esm-bundler.js?5c40:3651)
我正在尝试将“hello”设置为消息变量,以便可以在整个应用程序中使用它,这是我的 main.js 文件:
import { createApp} from 'vue'
import App from './App.vue'
import router from './router'
import { createStore } from 'vuex';
const store = createStore({
state(){
return{
message: 'hello'
}
}
})
createApp(App).use(router, store).mount('#app')
这是我的 App.vue 文件,我正在尝试使用计算函数通过组合 API 接收它。
import { ref, computed } from 'vue'
import { useStore } from 'vuex'
export default {
name: 'App',
setup(){
const store = useStore();
const message = computed(() => store.state.message);
console.log(message.value);
return{ }
}
}
解决方案
尝试:
createApp(App)
.use(router)
.use(store)
.mount('#app')
推荐阅读
- r - 有人可以解释为什么 R 为这个对象的超类而不是子类分派 S3 方法吗?
- string - VB.NET string.contains 使用通配符
- javascript - 有没有办法可以导出多个常量
- fp-ts - 具有互斥属性的解码器
- android - 除非设置桌面用户代理,否则我的 webview 无法缩放以适应页面
- php - 在sql数据库中搜索后,数据库中缺少一个文件,如何处理
- python-3.x - DRF viewset.Viewset 中的更新函数
- python - 为什么我得到 plotly express 属性错误?(AttributeError: 'Figure' 对象没有属性 'add_hline'
- azure - Azure 函数应用和 Web 套接字
- python - Apache Spark regexp_replace,将“\n”替换为实际表示?