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组件不更新
基础教程推荐
猜你喜欢
- 在for循环中使用setTimeout 2022-01-01
- 动态更新多个选择框 2022-01-01
- 我什么时候应该在导入时使用方括号 2022-01-01
- 有没有办法使用OpenLayers更改OpenStreetMap中某些要素 2022-09-06
- 当用户滚动离开时如何暂停 youtube 嵌入 2022-01-01
- 悬停时滑动输入并停留几秒钟 2022-01-01
- 在 JS 中获取客户端时区(不是 GMT 偏移量) 2022-01-01
- 角度Apollo设置WatchQuery结果为可用变量 2022-01-01
- 响应更改 div 大小保持纵横比 2022-01-01
- Karma-Jasmine:如何正确监视 Modal? 2022-01-01