- 在父组件中通过import引入子组件并组册
- 在子组件标签身上添加自定义属性将要传递的值绑定到自定义属性上
- 一定要加v-bind(简写:)否则会将字符串传过去
子组件
{{ AppMsg }}
通过props接收父组件传过来的值
2.子组件向父组件传值(通过自定义事件)
- 使用$emit
- 通过自定义事件方法接收
子组件向父组件传输数据
父组件
3.兄弟组件之间的传值(通过eventBus)
- 新建eventBus.js文件
- 导入vue实例
- 在兄弟组件导入evenBus.js
- 发送数据使用bus.$emit()
- 接收数据使用bus.$on()
- 通过ceated()监听自定义事件
eventBus.js
import Vue from 'vue' export default new Vue()兄弟组件A(发数据)
兄弟组件B(接收数据)
{{ msgAtBrothers }}



