vue3学习笔记(12)全局总线 mitt

Vue3专栏入口

文章目录

  • 一、mitt下载
  • 二、mitt使用

首先全局总线在vue2中的写法vue3也用不了。说白了vue3把自带的全局总线删掉了。那么我们如何实现全局总线的效果呢?插件mitt可以实现。

一、mitt下载

npm install mitt -s

二、mitt使用

模拟需求:
在组件About中我需要传输一个value经过处理后在传送回来展示到模板中。

我习惯创建一个mitt文件夹,里面放一个任意名字的js文件,我这里叫event.js。

import mitt from 'mitt'
const emitter = mitt();
export default emitter

然后在需要的位置直接导入如App.vue中。






About.vue的全部代码如下:






你可能感兴趣的:(vue3,学习,vue.js,javascript)