补:Vue--自定义组件事件

《1.定义与写法》

 

 如图我在APP组件中的Boxer组件中写了上面的,意为:我在Boxer组件的实例对象vc上绑定了一个事件,其名为selfdefine事件,

一旦其触发了,demo函数也会被触发

 

 

 那想要触发这个事件要怎么办呢?

在那个地方绑定的就在那个地方触发:去Boxer组件上

 

 

 在vc上有个$emit的方法,其就是用来实现触发自定义组件事件的

《2.写法二》

 

 

 在App组件上,通过给Boxer组件打标识,从而在vc.$ref中能够得到Boxer这个组件,

在通过mounted自己触发,runselfdefine()这个函数,从而实现触发selfdefine这个自定义组件事件

 《注意点》

$emit('自定义事件',data);

这个后面是可以接参数的,即可以将data数据传送到绑定了$on('自定义事件',(data)=>{})上

posted @ 2022-06-17 19:56  次林梦叶  阅读(32)  评论(0)    收藏  举报