脚本宝典收集整理的这篇文章主要介绍了vue.$set 和 vue.$forceUpdate() 的使用，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

vue.$set方法

由于javaScript的限制，vue不能检测到对象属性的添加或删除

 

 这样只能新增属性，但是并不会触发视图更新，所以属性必须是在data对象上才能让vue.js转换它，才能让他是响应式的

可以使用this.$set(this.data, "key" , "val") 方法，既可以更新视图又可以新增或删除属性。

 

 

vue.$forceUpdate()：强制更新

vue页面中通过v-for进行数据渲染，如果层次太多，有时候数据发生改变但是页面看到的效果是毫无变化的，render函数没有自动更新，可以通过this.$forceUpdate()手动刷新，但是它的性能消耗高。

它仅仅影响实例本身以及插入插槽内的子组件，并不是所有的子组件

 

 

 

 

 

 

 

 

 

 

 

 

 

 

脚本宝典总结

以上是脚本宝典为你收集整理的vue.$set 和 vue.$forceUpdate() 的使用全部内容，希望文章能够帮你解决vue.$set 和 vue.$forceUpdate() 的使用所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。