6. 事件绑定-内置事件绑定和自定义事件绑定

1.内置事件绑定

v-on -> @

<a @click="addItem"></a>

2. 自定义事件绑定

在父组件当中

<u-slide @my-event="addItem">Click</u-slide>  // 监听子组件的my-event方法

methods:

methods: {
    addItem (title) { // 接收子组件传过来的title
        ......
    }
}

如何触发自定义事件？

在子组件uSlide当中

<button @click="emitAddItem"></button>

点击button，执行emitAddItem

methods: {
    emitAddItem () {
       this.$emit.('my-event', this.title) //触发my-event自定义事件, 执行父组件addItem方法，向其组件传参 this.title
    }
}