1.安装mitt:npm install mitt -save
2.在main.js内全局引入:
- //兄弟组件调用
- import mitt from 'mitt'
- app.config.globalProperties.$bus= mitt();
3.创建主页面index.vue:
- <div>
- <h1>mitt事件总线h1>
- <Child1 />
- <Child2 />
- div>
- <script setup>
- import Child1 from./Child1.vue
- import Child2 from./Child2.vue
- const { proxy } = getCurrentInstance();
- script>
- <style lang-"scss"scoped>style>
4.创建子组件Child1.vue:
- <div>
- <h3>子组件1h3>
- <button @click="sendMsg”>发送事件