vue.js中组件间通信方式的总结

父子组件间的通信

  1. 父组件通过给子组件的属性(pros)赋值传递数据。
  2. 子组件先自定义一个事件处理方法,在该方法里面调用$this.emit("eventName", msg);来触发自定义事件。父组件在模板里面监听该自定义事件,在监听器里获取msg变量数据。最终实现子组件向父组件传递数据。子组件和父组件彻底解耦。

在子组件的changeOption方法触发自定义事件

 

在父组件的模板中监听事件


 

非父子组件间的通信

创建一个空的 Vue 实例作为中央事件总线。

微信扫一扫,分享到朋友圈

vue.js中组件间通信方式的总结
返回顶部

Optimized by WPJAM Basic

显示

忘记密码?

显示

显示

获取验证码

Close