什么是组件通信？
组件通信，就是指组件与组件之间的数据传递
- 组件的数据是独立的，无法直接访问其他组件的数据。
- 想使用其他组件的数据，就需要组件通信
-
2.组件之间如何通信
首先先了解组件之间的关系
- 父子关系
- 非父子关系
通信解决方案
父子通信流程
父组件通过 props 将数据传递给子组件 子组件利用 $emit 通知父组件修改更新
父组件通过props将数据传递给子组件
父组件App.vue
父向子传值步骤
- 给子组件以添加属性的方式传值
- 子组件内部通过props接收
- 模板中直接使用 props接收的值
子向父传值步骤
-
$emit触发事件，给父组件发送消息通知
-
父组件监听$emit触发的事件
-
提供处理函数，在函数的性参中获取传过来的参数
