vue3开发中 父子传值,自定义事件传值,兄弟之间传值
1.父子之间传值,通过props进行传值
parent.vue 传值给儿子
child.vue这里进行接收
通过defineProps来接收数据
2.自定义事件传值
首先需要使用defineEmits拿到emit实例,通过点击事件,使用emit 发送自定义事件传递数据,
父亲这里定义自定义事件来接收参数
3.兄弟之间传值
可以使用mitt 事件总线来进行传值
先通过 npm install mitt 安装mitt
然后定义 bus/index 定义全局总线 $bus
通过$bus.emit(),进行传值
兄弟这里通过onMounted挂载的生命周期钩子里来接收数据
mitt中的方法
(1):on():用来绑定事件。
(2):emit():用来触发事件。
(3):off():用来解绑事件
(4):all:有clear属性,直接调用clear()属性可以解绑全部事件。