父子组件间的通信
- 父组件通过给子组件的属性(pros)赋值传递数据。
- 子组件先自定义一个事件处理方法,在该方法里面调用$this.emit("eventName", msg);来触发自定义事件。父组件在模板里面监听该自定义事件,在监听器里获取msg变量数据。最终实现子组件向父组件传递数据。子组件和父组件彻底解耦。
在子组件的changeOption方法触发自定义事件
在父组件的模板中监听事件
非父子组件间的通信
创建一个空的 Vue 实例作为中央事件总线。
在子组件的changeOption方法触发自定义事件
在父组件的模板中监听事件
创建一个空的 Vue 实例作为中央事件总线。
微信扫一扫,分享到朋友圈
Optimized by WPJAM Basic。