1.
{{a}}
var vm = new Vue({
el: '#app',
data: {
a: { a: 1, b: 2 }
}
})
vm.a.c = 'sadoisad'
// 按理说是给a这个对象新增了一个字段,但是视图中没有得到更新
查看官网文档:
![](https://images2018.cnblogs.com/blog/1292490/201808/1292490-20180814153147917-184991815.png)
结论: Vue无法探测响应式对象的新增的属性
Vue.set(a.a,'c','21334')
// 视图中响应式的显示出来了
Vue.nextTick(function(){
}) //建议这样操作
生命周期:
beforeCreated
created
beforeMount
mounted
beforeUpdated
updated
beforeDestroy
destroyed