麻烦问下老师,自定义事件传值的问题

来源:2-5 如何用自定义事件进行vue组件通讯

夏葵1616

2021-05-27 16:45:13

问题描述:

自定义事件传值时 event.js 文件中导入 Vue,vue3 中没有,这个问题如何解决

相关截图:

http://img.mukewang.com/climg/60af5c0309d1712406220273.jpg

相关代码:

import Vue from 'vue'
export default new Vue()


写回答

1回答

好帮手慕久久

2021-05-27

同学你好,解答如下:

vue3中将视频中这种方式移除了,可以使用插件来实现,比如:

http://img.mukewang.com/climg/60af6fee09ad3d1e09430327.jpg

(官网链接:https://vue3js.cn/docs/zh/guide/migration/events-api.html#_2-x-%E8%AF%AD%E6%B3%95)

该插件中,提供了emit、on方法,用来触发、监听事件,简单用法如下:

1、先安装npm install --save mitt

2、在event.js中,引入,并调用、导出:

http://img.mukewang.com/climg/60af72df09b262cf08370414.jpg

3、在test1、test2组件中,使用它:

http://img.mukewang.com/climg/60af7303095a6e8209250602.jpg

http://img.mukewang.com/climg/60af73320933709710140520.jpg

http://img.mukewang.com/climg/60af734f096ced5810700578.jpg

http://img.mukewang.com/climg/60af72c40955140808130183.jpg

简单了解一下即可。

实际开发中,这种方式并不常用,一般都会用vuex进行全局数据管理,vuex中的数据,可以被子组件之间共享。

祝学习愉快!

0

0 学习 · 15276 问题

查看课程