Vue中的$set的使用
栏目: JavaScript · 发布时间: 6年前
内容简介：vue实例创建之后添加新的属性到实例上，它不会触发视图更新当生成vue实例后，当再次给数据赋值时，有时候并不会自动更新到视图上去；子组件的props数据不能与父组件传递的值实时保持一致。
vue实例创建之后添加新的属性到实例上，它不会触发视图更新
当生成vue实例后，当再次给数据赋值时，有时候并不会自动更新到视图上去；
子组件的props数据不能与父组件传递的值实时保持一致。
data () {
return {
student: {
name: '',
sex: ''
}
}
}
mounted () {
this.student.age = 24
}
使用$set()方法，既可以新增属性,又可以触发视图更新。
受 ES5 的限制，Vue.js 不能检测到对象属性的添加或删除。因为 Vue.js 在初始化实例时将属性转为 getter/setter，所以属性必须在 data 对象上才能让 Vue.js 转换它，才能让它是响应的。
Vue.set(object, key, value)
this.$set(this.data,”key”,value’)
this.$set(this.student,"age", 24)
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网
猜你喜欢:
- RecyclerView使用指南（一）—— 基本使用
- 如何使用Meteorjs使用URL参数
- 使用 defer 还是不使用 defer?
- 使用 Typescript 加强 Vuex 使用体验
- [译] 何时使用 Rust？何时使用 Go？
- UDP协议的正确使用场合（谨慎使用）
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
Transcending CSS
Andy Clarke、Molly E. Holzschlag / New Riders / November 15, 2006 / $49.99
As the Web evolves to incorporate new standards and the latest browsers offer new possibilities for creative design, the art of creating Web sites is also changing. Few Web designers are experienced p......一起来看看 《Transcending CSS》 这本书的介绍吧!
