15、组件信息通讯子改父——发布订阅方式
2022-04-01 12:38:16 0 举报AI智能生成
vue
作者其他创作
大纲/内容
需求
子组件中的某些操作，要修改父组件中的一些信息“子改父”
解决
基于 vue 自带的发布订阅实现
this.$on(xxx,function(){......})
自定义事件名，并且向事件池中加入方法
this.$emit(xxx,params....)
通知指定自定义事件池中的方法执行
操作步骤
1、在父组件中定义一个方法，这个方法可以修改父组件的状态信心
2、我们需要把这个方法放入到事件池中（每一个 vm 实例有一个自己的事件池）
因为我们要在子组件中操作这个方法
所以这个方法我们需要放入到 子组件的事件池中
3、只有这样我们在子组件中，可以根据某些操作，控制事件池中的方法执行
对应代码
1、在父组件中设置方法
2、把父组件的方法放入子组件的事件池
3、点击子组件中的按钮，修改父组件中的值
举例
图解
0 条评论
下一页
