vue中的事件监听之——v-onvs.$on

跟着视频中老师的教学视频学vue的时候，看很多时候都用@(v-on)来监听子级emit的自定义事件，但在bus总线那块，又用.$on来监听bus自身emit的事件，v-on之间似乎相似但又不同，今天对照vue官网api学习并coding了相关代码，两者的用法与比较描述如下。

vue官网相关说明截图：

由此可见，想监听vue实例自身自定义事件，只能用.$on并且这是vue实例的方法，不能用在普通dom上；

v-on用在在普通dom标签上，可以监听原生事件；用在vue组件标签上，可以监听子组件emit的自定义事件；

具体代码实践如下：

    
        
        
    
    
        

            
            child1
            child2
            child3
        
    
    
    

 通过上述代码实例可知，一个组件实例的定义事件既可以通过.$on被自身捕获，也可以通过v-on被父级捕获。事件想要传到父级组件，必须用emit进行bubble处理。