vue3笔记九(Provide / Inject、mitt事件总线)

子孙组件获取父组件数据、方法

// 1.父组件




// 2.子组件A






// 3.孙组件B

// 1、安装----------------------------------------------------------------------
npm i mitt -S

// 2、main.ts初始化挂载全局属性-------------------------------------------------
import { createApp } from 'vue'
import App from './App.vue'
import mitt from 'mitt'
 
const Mit = mitt()
const app = createApp(App)
 
// ts注册，必须要拓展ComponentCustomProperties类型才能获得类型提示
declare module "vue" {
    export interface ComponentCustomProperties {
        $Bus: typeof Mit
    }
}
 
// Vue3挂载全局API
app.config.globalProperties.$Bus = Mit
 
app.mount('#app')

// 3. A、B兄弟组件通信---------------------------------------------------------------
// 3.1 A组件发射事件




// 3.2 B组件接收事件、移除事件

原文链接：
https://xiaoman.blog.csdn.net/article/details/123143981
https://blog.csdn.net/qq1195566313/article/details/125453908