1. 父组件向子组件进行传值

这里写图片描述

父组件:

子组件:

2. 子组件向父组件传值

这里写图片描述

子组件:

父组件:

3. 非父子组件进行传值

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

公共bus.js

//bus.jsimport Vue from 'vue'export default new Vue()123

组件A:

组件B: