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组件不更新


基础教程推荐
猜你喜欢
- fetch 是否支持原生多文件上传? 2022-01-01
- 检查 HTML5 拖放文件类型 2022-01-01
- Bootstrap 模态出现在背景下 2022-01-01
- Fabric JS绘制具有活动形状的多边形 2022-01-01
- npm start 错误与 create-react-app 2022-01-01
- Bokeh Div文本对齐 2022-01-01
- 如何添加到目前为止的天数? 2022-01-01
- 在 contenteditable 中精确拖放 2022-01-01
- 原生拖动事件后如何获取 mouseup 事件? 2022-01-01
- 即使用户允许,Gmail 也会隐藏外部电子邮件图片 2022-01-01