eventbus 总线传值: (了解) 适用于任意组件关系数据共享
1、创建一个空的Vue实例(不需要关于视图
import Vue from 'vue'
export default new Vue({
// 定义需要共享数据的"变量"名和初始值
data() {
return {
count: 2,
user: null
}
},
// 定义操作这些共享数据的方法
methods:{
jiaCount(num) {
this.count += num
},
jianCount(num) {
this.count -= num
}
}
})
2、把该Vue实例 注入到 Vue原型中
import bus from './bus'
Vue.prototype.$bus = bus;
3、由于每个组件都是Vue实例,因此每个组件都可以访问到 创建的Vue空实例
this.$bus
this.$bus.变量名
this.$bus.方法名
v-model : 组件之间双向绑定 *****
<email :value="fatheremail" @input="fatheremail = $event"></email>