外部更改数据时vue组件不更新

2022-01-25 00:00:00 vue.js vue-component

我的组件在 Store.loaded 更改时不会更新加载的属性:

组件

从 'vue-property-decorator' 导入 { Vue }从nuxt-class-component"导入组件从 '../repositories' 导入 { Store }@零件导出默认类布局扩展 Vue {已加载 = Store.loaded}

商店

类根{加载=假}导出让 Store = new Root()导出默认商店

解决方案

在您的示例中,Store 只是普通函数(类),没有任何反应性(没有为 Store.加载字段).

只有组件的 data 中的属性是响应式的.如果你想要 vue 组件之外的响应式单一存储(更适合大型前端应用程序),你应该使用 Vuex

简单的例子是:

App.vue: