组件的自定义事件

 

 

上图笔记的第六点：

 

 

专门用来看自定义事件的：

 

 

子传父【组件的自定义事件】：

有两种自定义事件的方法：

 

 

 

1）父组件中：

 

 

注意：

父组件的 v-on:atguigu 也可以简写为  @:

 

 

2）子组件中去触发自定义事件：

 

 

自定义事件第二种方法：

1）父组件中：

 

2)父组件中：

 

ref方法实现更加灵活：【比如实现延时】

父组件中：

 

 

子组件中都依然要 emit触发：

 

 

 

有些时候想让自定义事件触发一次就不触发了：

1）用ref去实现的时候：

父组件中：

 

2）如果用的v-on或者@形式：

父组件：

 

 

 

3.如果在子组件中触发自定义事件的时候想要传很多参数进去，

子组件：

 

 

父组件继续接参数：

 

 

但一般在开发中我们不写那么多参数去接，

1）一般要么写成对象：

 

2）还有一种方式，子组件中正常传：

2.1）

 

2）父组件中：【name作为一个参数正常接收，其余放到一个数组中，这是ES6的语法】

 

 

 

一般第二个参数写成params：