在我们使用 vue 进行开发的过程中,可能会遇到一种情况:当生成 vue 实例后,当再次给数据赋值时,有时候并不会自动更新到视图上去; 当我们去看 vue 文档的时候,会发现有这么一句话:如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。 如下代码,给 student 对象新增 age 属性
data () {
return {
student: {
name: '',
sex: ''
}
}
}
mounted () { // ——钩子函数,实例挂载之后
this.student.age = 24
}
大约 9 分钟