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
}
}