Vue组件组件传值：父传子、子传父、非父子组件传值

Vue组件组件传值方式：父传子、子传父、非父子组件传值

父子组件的关系可以总结为 prop 向下传递，事件向上传递。父组件通过 prop 给子组件下发数据，子组件通过事件给父组件发送消息

1. 父传子

父组件:

子组件:

2. 子传父

子组件:

父组件：

3. 非父子组件传值

非父子组件之间传值，需要定义个公共的公共实例文件bus.js，作为中间仓库来传值，不然路由组件之间达不到传值的效果。

组件A:

组件B:

Vue三种常用的传值方式就介绍完了，如果对你有帮助的话，点点关注吧~