外部更改数据时vue组件不更新 [英] vue component does not update when data is changed external
查看：50
vue.js
vue-component
本文介绍了外部更改数据时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 组件在外部更改数据时不会更新;
- VBA更改数据时Excel图表不更新;
- 更改数组时ng-repeat不更新;
- MySQL:更新而不更改数据，可能吗?;
- 插入和更新不更改数据库（sdf）;
- Vue使子组件中的数据不更新;
- 不更改数据量;
- 输入更改值时，角度组件不更新;
- 更改轴而不更改数据(Python);
- vue.js - vue 子组件修改数据后。 必须刷新才会更改。 怎么让他在修改数据后自动刷新;
- 更改数据后，ListView不会更新;
- 更改数据库记录时自动更新数据集;
- Vue.js 中不更新组件就不能更新数据吗?;
- qt - 更改数据库时 pyqt QTableView 不填充;
- 从外部更改和更新 JPanel 组件，从 JFrame 不工作，Swing;
- SwiftUI:更改数据源时Picker无法正确更新;
- Vue v-for 对象在数据更改后不更新;
- 当我单击 vue 组件上的子组件时，如何从父组件更新数据?;
- Vue.js在组件外部设置数据;
- Vue 组件收到数据后如何更新;
- 外部实体更改后索引不更新;
- 实体框架：如何检测外部更改数据库;
- 更改数组时，ng-repeat 不会更新;
- 更改数组时，ng-repeat 不会更新;
- 更改数组时，ng-repeat 不会更新;
前端开发最新文章
- 为什么Chrome（在Electron内部）突然重定向到chrome-error：// chromewebdata？;
- 错误102（net :: ERR_CONNECTION_REFUSED）：服务器拒绝连接;
- 如何解决'重定向已被CORS策略阻止：没有'Access-Control-Allow-Origin'标题'？;
- 如何处理“Uncaught（in promise）DOMException：play（）失败，因为用户没有首先与文档交互。”在桌面上使用Chrome 66？;
- 警告：添加非被动事件侦听器到滚动阻塞'touchstart'事件;
- 如何在浏览器中播放.TS文件（视频/ MP2T媒体类型）？;
- 此请求已被阻止;内容必须通过HTTPS提供;
- 资源解释为样式表，但转换为MIME类型text / html（似乎与web服务器无关）;
- 通过HTTPS加载页面但请求不安全的XMLHttpRequest端点;
- 拒绝从执行脚本'*'，因为它的MIME类型（“应用/ JSON'）不是可执行文件，并严格MIME类型检查被启用。;
