Vue中的$set的使用
栏目: JavaScript · 发布时间: 5年前
内容简介：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协议的正确使用场合（谨慎使用）
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
Java核心技术及面试指南
金华、胡书敏、周国华、吴倍敏 / 北京大学出版社 / 2018-9-1 / 59.00
本书根据大多数软件公司对高级开发的普遍标准，为在Java 方面零基础和开发经验在3 年以下的初级程序员提供了升级到高级工程师的路径，并以项目开发和面试为导向，精准地讲述升级必备的技能要点。具体来讲，本书围绕项目常用技术点，重新梳理了基本语法点、面向对象思想、集合对象、异常处理、数据库操作、JDBC、IO 操作、反射和多线程等知识点。 此外，本书还提到了对项目开发很有帮助的“设计模式”和“虚拟......一起来看看 《Java核心技术及面试指南》 这本书的介绍吧!
