位置: IT常识 - 正文
（详解错误情况，及解决方法）Vue 数据更新了但页面没有更新的情况(错误解决方法)
编辑：rootadmin（详解错误情况，及解决方法）Vue 数据更新了但页面没有更新的情况 点个关注，赞一下栓Q背景
本文链接地址:https://www.jiuchutong.com/zhishi/297806.html
转载请保留说明！
推荐整理分享（详解错误情况，及解决方法）Vue 数据更新了但页面没有更新的情况(错误解决方法)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:错误解释怎么写,怎么解释错误原因,解释错误,错误误解,错误解释怎么写,错误误解,错误误解,解释错误,内容如对您有帮助，希望把文章链接给更多的朋友！
在vue项目中，有些我们会遇到修改完数据，但是视图却没有更新的情况。具体的场景不一样，解决问题的方法也不一样。在网上看了很多文章，在此总结汇总一下。针对，数据更新视图没有更新的情况，建议深入了解一下，vue的响应式原理。
如果，你发现自己需要在vue中做一次强制更新，99.9%的情况，是你在某个地方做错了事。
一、vue数据更新但页面没有更新的7种情况汇总1.vue无法检测实例被创建时，不存在于data中的property原因：由于vue会在初始化实例时，对property执行getter/setter转化，所以，property必须在data对象上存在才能让vue将它转化为响应式的。
①场景：var vm = new Vue({ data:{}, // 页面不会变化 template: '<div>{{message}}</div>'})vm.message = 'Hello!' // `vm.message` 不是响应式的②解决办法：var vm = new Vue({ data: { //上一篇：css实现元素居中的5种方法(css元素居中的几种方法)