vue3 setup语法糖事件引用和写法

setup基础用法

setup是vue3新增的一个属性，默认写法是在代码中用setup方法，然后在setup中return。

setup(){
	const func = () => {
		//这里写方法里的内容
	}
	return func
}

用setup语法糖则无需这么繁琐，并且不需要使用this，切记。

setup中使用watch，props，emit

props用defineProps代替。
emit用defineEmits代替。
watch监听props，值以函数返回值的形式传入。

watch监听多个值

watch([()=>props.rightMenuStyle, ()=>props.rightMenu], (newVal, oldVal)=>{
	// 请注意，监听多个值，有一个值变化，watch就会执行，所以为了不频繁触发，不建议同时监听多个值
}, {deep: true, immediate: true})

| 本文章会一直更新，请持续关注哦，一起学习！