学习-Vue-vue组件间通信方式

学习-Vue-vue组件通信方式

一、父传子

1、单项绑定，通过props方式获取父组件数据

1、 父组件直接单向绑定 子组件通过props方式进行接收
缺点：无法做到父组件直接传给孙子辈分组件
父组件：

this is Home

---

// 在这里进行绑定操作

二、后代传父

1、子组件定义自定义事件 this.emit

2、父组件直接试用子组件数据

this.children[0].str2 \ 不常用

3、父组件通过ref形式获取/修改 子组件数据

this.$ref.child.xxx

二、兄弟(平辈)组件传值

通过新建bus.js文件中转进行传值