插槽传参+$bus

1.插槽传参

1.方式:匿名插槽、具名插槽、作用域插槽

2.匿名插槽 直接通过 接收组件传来的内容

3.具名插槽 在父组件中新建一个<template v-slot:插槽名>

子组件中用

4.作用域插槽 在父组件中新建一个

子组件中用

2.$bus ---中央事件总线传参

1. Vue.prototype.$bus = new Vue()

在main.js中创建一个空的Vue实例,然后把'.$$bus'挂载到原型上,这样所有的组件都可以通过this.$bus来使用

2. $on监听当前实例上的自定义事件

在需要监听的事件组件中,通过this.$$bus.$$$on('事件名',回调函数)

3. $emit触发当前实例上的事件

在需要触发的事件组件中,通过this.$$bus.$$$emit('事件名',参数)

posted @ 2024-12-16 16:48  小王不要404  阅读(32)  评论(2)    收藏  举报