vue component does not update when data is changed external(外部更改数据时vue组件不更新)
本文介绍了外部更改数据时vue组件不更新的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我的组件在 Store.loaded 更改时不会更新加载的属性:
组件
从 'vue-property-decorator' 导入 { Vue }从nuxt-class-component"导入组件从 '../repositories' 导入 { Store }@零件导出默认类布局扩展 Vue {已加载 = Store.loaded}商店
类根{加载=假}导出让 Store = new Root()导出默认商店 解决方案
在您的示例中，Store 只是普通函数(类)，没有任何反应性(没有为 Store.加载字段).
只有组件的 data 中的属性是响应式的.如果你想要 vue 组件之外的响应式单一存储(更适合大型前端应用程序)，你应该使用 Vuex
简单的例子是:
App.vue:
沃梦达教程
本文标题为：外部更改数据时vue组件不更新
猜你喜欢
- 如何显示带有换行符的文本标签? 2022-01-01
- 是否可以将标志传递给 Gulp 以使其以不同的方式 2022-01-01
- 为什么我的页面无法在 Github 上加载? 2022-01-01
- 在不使用循环的情况下查找数字数组中的一项 2022-01-01
- 为什么悬停在委托事件处理程序中不起作用? 2022-01-01
- 如何向 ipc 渲染器发送添加回调 2022-01-01
- 我不能使用 json 使用 react 向我的 web api 发出 Post 请求 2022-01-01
- 如何调试 CSS/Javascript 悬停问题 2022-01-01
- 使用 iframe URL 的 jQuery UI 对话框 2022-01-01
- 从原点悬停时触发 translateY() 2022-01-01
