Vue3 _ 18. Vue CLI 4.3.15 自定义事件

一、自定义事件

打开官网：https://v3.cn.vuejs.org/guide/component-custom-events.html

这个自定义事件其实也是为了做方法传递的。这里我们修改一下上一个例子。

二、修改父子组件

首先我们来根据官方文档的说明，先来修改一下父组件。

App.vue

这里我们修改成用 @ 进行自定义事件的传递。

ChildView.vue

子组件首先是要去掉 props 中的 transferData，因为我们现在已经没有办法从这里拿到了。

这里同样去参考官网的做法，官网是提供了另外的一个方法给我们使用：this.$emit("xxxx")，这里我们来尝试一下

但是哈，我们还需要传递参数，这里同样，官网是有案例的，我们直接在方法名后面用逗号分隔，然后进行传递。 （多个参数传递，只需要用 ，隔开，继续往后写即可）

保存我们运行一下。

三、测试

可以看到，是可以的。

这一篇东西不多，大家自己操作一下~~

有问题可以联系我：QQ 2100363119，欢迎大家访问我的个人网站：https://www.lemon1234.com

最近网站已经做好，并且已经上线，欢迎各位留言~~~