Vue2.0中自定义事件

1. 生明自定义事件 emits:['countChange']
2. 调用this.$.emit('countChange')
3. 在使用自定义组件期间 可以通过@+自定义事件函数 来监听

<script>
    export default {
        //1生明自定义事件
        emits:['changeCount'],

        methods:{
            add(){
                this.$emit('changeCount')
            }
        }
    }
</script>

解释：首先是声明了一个自定义事件 ，为标签绑定了点击事件 为add ，当点击标签是 会触发add方法中的 内容 ，也就是 this.$emit('changeCount') 自定义函数，在需要接受事件的地方使用

    

<my-counter @countChange=“getCount”> </my-counter>


methods：{
    getcount(){
        consloe.log('触发了 自定义事件')
    }
}

自定义事件传参数

调用this.$emit("事件名" ， “参数”)

接受的时候 

getCount(val){

        console.log(‘出发了 自定义事件') 

}