Vue中对data的操作

 

1.

{{a}}

 

var vm = new Vue({

el: '#app',

data: {

a: { a: 1, b: 2 }

}

})

 

vm.a.c = 'sadoisad'

// 按理说是给a这个对象新增了一个字段，但是视图中没有得到更新

 

 

查看官网文档:

 

结论: Vue无法探测响应式对象的新增的属性

 

Vue.set(a.a,'c','21334')

// 视图中响应式的显示出来了

 

 

Vue.nextTick(function(){

}) //建议这样操作

 

 

生命周期:

beforeCreated

created

beforeMount

mounted

beforeUpdated

updated

beforeDestroy

destroyed