Vue组件间通信

142 阅读1分钟

Vue数据传递的例子

子组件通过prop获取父组件data

  • datamethod 都是父的
  • 子组件内获取父data,但不修改

示例

子组件$emit触发父组件自定义事件

  • data是子的
  • 子组件内$emit触发自定义事件通知父 示例

父组件通过$ref获取子组件data

  • data是子的
  • 由父组件主动吸数据,而非子组件主动触发
  • ref给子组件起名,$ref去获取子组件对象 示例

.sync双向数据绑定

示例

$eventBus 兄弟父子都可以通信

  • $off 移除监听

全局的和局部的我都写了,有哪个就引入哪个---示例

兄弟组件依靠父节点$parent 或根节点$root 通信

这里写了个$parent示例,$root是一样的

provideinject 前面提到过的