【无标题】vue 高级特性笔记

vue2高级

bus传参

利用vue空实例实现跨页面跨组件传参方式

	var bus = new Vue();
	bus.$on("colorchange",e=>{})
	bus.$emit("colorchange",'red')
	bus.$off("移除监听")

跨组件传参

	bus传参
	$parent 父组件
	$root 根组件
	$refs.myref dom引用
	vuex
	cookie/localStorage/sessionStorage

v-model

是语法糖,简写模式

:value="w" @input="w=$event"
v=model="w"

在组件中指定v-model

model:{
 prop:"num",
 event:"change"
}

nextTick

	数据更新,等待dom更执行回调函数

set 强制更新

混合

在每个组件创建完毕,输出当前的时间