1.vue会监视data中所有层次的数据
2.检测对象中的数据:
通过setter实现监视,且要在new Vue时就传入要检测的对象
a.对象中后追加的属性,vue是不做响应式处理的。需要使用set()方法进行添加。如 Vue.set(目标对象,key,value)或是 vm.set(目标对象,key,value)
3.监测数组中的数据:
通过包裹数组更新元素的方式实现,本质就是做两件事:
a.调用原生对应的方法对数组进行更新
b.重新解析模板,进而更新页面
1.vue会监视data中所有层次的数据
2.检测对象中的数据:
通过setter实现监视,且要在new Vue时就传入要检测的对象
a.对象中后追加的属性,vue是不做响应式处理的。需要使用set()方法进行添加。如 Vue.set(目标对象,key,value)或是 vm.$set(目标对象,key,value)
3.监测数组中的数据:
通过包裹数组更新元素的方式实现,本质就是做两件事:
a.调用原生对应的方法对数组进行更新
b.重新解析模板,进而更新页面
全局事件总线:
1.一种组件间的通信方式,适用于任意组件间通信
2.安装全局事件总线:
new Vue({
......
beforeCreate(){
Vue.prototype.$bus = this;//全局事件总线,$bus相当于当前应用vm
},
})
3.使用数据总线:
1.接收数据,A组件想要接收数据,则在A组件中给$bus绑定自定义事件,事件的回调留在A组件内
methods:{
demo(data){
......
}
mounted:{
this.$bus.$on('事件名',this.demo)
}
}