Vue2.0的三种常用传值方式：父传子、子传父、非父子组件传值

主要知识点 已经画出

Vue常用的三种传值方式

1.父传子
2.子传父
3.非父子传值

利用官网一张图简单概述下父传子和子传父

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

image.png

父传子

父组件

image.png

子组件

image.png

子传父

子组件

image.png

父组件

image.png

非父子组件进行传值

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

image.png

image.png