vue 父元素点击不触发子组件_详解vue.js2.0父组件点击触发子组件方法

之前关于vue.js2.0父组件的一点学习，最近需要回顾，就顺便发到随笔上了

{ { total }}

Vue.component('button-counter', {

template: '{ { counter }}',

data: function () {

return {

counter: 0

}

},

methods: {

increment: function () {

this.counter += 1

this.$emit('ee', 'cc' )

}

},

})

new Vue({

el: '#counter-event-example',

data: {

total: 'arg'

},

methods: {

incrementTotal: function (b) {

this.total = b + '1';

}

}

})

子组件通过$emit触发父组件的事件，$emit后面的参数是向父组件传参，注意，父组件的事件处理函数直接写函数名即可，不要加(),参数直接传递到了父组件的methods的事件处理函数了。