笔记react | 青训营笔记

39 阅读1分钟

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实现监视,且要在newVue时就传入要检测的对象​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.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)
    }
}