Vue中的自定义事件

 

在Vue组件化开法中， 

　　对于组件间数据传递大致分为三类： 

　　　　1、父组件 -> 子组件

　　　　2、子组件 -> 父组件

　　　　3、非父子组件间

 

　　vuex 有很好的状态管理， 对于大型单页项目 非常有用。但对于小型项目，vuex却显得赘余

　　在不使用vuex 的情况下实现数据状态管理时， 对于第1类，vue提供prop 很方便的实现了父组件到子组件的数据传递， 但对于2和3类则需要我们做点其他事情来实现

 

　　在 自定义事件 中通过绑定自定义事件然后在子组件里的适当时机里触发

　　如果使用router 则将事件绑定在 router-view 中， 并在定义函数 

　　在需要触发该事件的地方 通过 $emit 触发事件 从而实现数据的传递 （可以传递参数）

　　 

<router-view  @turnClass="turnClassFun"></router-view>

         

 

　　对于第3类 则可通过 一个共同父组件来实现数据的传递