[前端笔记] Vue之v-on绑定监听子组件传来的事件

Vue中经常会用到v-on指令来绑定一个事件，那么它具体什么时候调用，什么时候使用呢？

父组件中使用了v-on:editItem="editObject"和v-on:removeItem="removeObject"两个监听，代码如下

 

 

父组件中有两个方法，名为editObject和removeObject，因为代码太长就不贴过来，大家可以随意写一点，供自己观察就行

 

子组件中代码：

html

 

 

 js

 

 

 

 

大家请看，我们子组件当执行了edit方法时，通过$emit('editItem', this.item) 这个方法去父组件中去寻找editItem这个方法，然后调用它，在父组件中editItem实现。

 

当然remove也是一样的。