Vue中的Vue.set和this.$set怎么使用


这篇文章主要介绍“Vue免费云主机域名中的Vue.set和this.$set怎么使用”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“Vue中的Vue.set和this.$set怎么使用”文章能帮助大家解决问题。由于JavaScript的限制,Vue无法检测到data中数组和对象的变化,因此也不会触发视图更新。Vue对这些JS数组方法进行了封装,通过这些方法是可以检测到数组更新的。如下例中,是要实现vm.items[1] = ‘excess’如下例中,是要实现给object新增一个键值对{test: ‘newthing’}Vue不能检测以下数组的变动:利用索引值直接设置一个数组项时,例如vm.list[0]=newValue修改数组长度时,例如vm.list.length=newLength举个栗子这时可以使用Vue.set或者this.$setVue.set(target,index,newValue)Vue 无法检测 property 的添加或移除。由于 Vue 会在初始化实例时对 property 执行 getter/setter 转化,所以 property 必须在 data 对象上存在才能让 Vue 将它转换为响应式的。举个栗子Vue.set(target,key,value)Vue不允许动态添加根级响应式属性只可以使用 Vue.set(object, propertyName, value) 方法向嵌套对象添加响应式属性当我们对data中的数组或对象进行修改时,有些操作方式是非响应式的,Vue检测不到数据更新,因此也不会触发视图更新。此时需要使用Vue.set()进行响应式的数据更新。关于“Vue中的Vue.set和this.$set怎么使用”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注百云主机行业资讯频道,小编每天都会为大家更新不同的知识点。

相关推荐: css怎么水平地重复背景图像

这篇文章主要介绍css怎么水平地重复背景图像,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完! body { background-image: url(/i/eg_bg_03.gif); background-repeat: repeat…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 10/07 12:45
Next 10/07 12:45

相关推荐