1. 父组件向子组件进行传值
父组件:
父组件:
子组件:
子组件: { {inputName}}
2. 子组件向父组件传值
子组件:
子组件: { {childValue}}
父组件:
父组件: { {name}}
3. 非父子组件进行传值
非父子组件之间传值,需要定义个公共的公共实例文件bus.js,作为中间仓库来传值,不然路由组件之间达不到传值的效果。
公共bus.js
//bus.jsimport Vue from 'vue'export default new Vue()123
组件A:
A组件: { {elementValue}}
组件B:
B组件: { {name}}