需求
子组件中的某些操作,要修改父组件中的一些信息“子改父”
解决
基于 vue 自带的发布订阅实现
this.$on(xxx,function(){......})
自定义事件名,并且向事件池中加入方法
this.$emit(xxx,params....)
通知指定自定义事件池中的方法执行
操作步骤
1、在父组件中定义一个方法,这个方法可以修改父组件的状态信心
2、我们需要把这个方法放入到事件池中(每一个 vm 实例有一个自己的事件池)
因为我们要在子组件中操作这个方法
所以这个方法我们需要放入到 子组件的事件池中
3、只有这样我们在子组件中,可以根据某些操作,控制事件池中的方法执行