vue2.0 组件之间的传值(父传子，子传父)
组件之间的传值
注意： 仔细看代码中的注释，不要遗漏细节， 然后模仿自己写出来。废话不多说，上干货。
一. prop传值(父--->子)
注意：
- 子组件使用props来声明需要从父组件接受的数据
- 如需改变data的值，触发操作，通过ref加方法来获取子组件数据
//父组件
保存
//子组件
{{ msg }}
Essential Linkssss
{{ message1 }}
还需注意
prop验证：
Vue.component('my-component',{
props:{
//必须是数字类型
propA:Number
//必须是字符串或数字类型
propB:[String,number]
//布尔值,如果没有定义，默认值是true
propC:{
type:Boolean，
default:true
},
//数字，而且是必传
propD:{
type:Number,
required:true
},
//如果是数组或对象，默认值必须是一个函数来返回
propE:{
type:Array,
default:function(){
return [];
}
},
//自定义一个验证函数
propF:{
validator:function (value){
return value>10
}
}
}
});
二. 子组件向父组件传值(子--->父)
//父组件:
{{name}}
// 子组件:
{{childValue}}
三. 非父子组件进行传值
注意：非父子组件之间传值，需要定义个公共的公共实例文件bus.js，作为中间仓库来传值，不然路由组件之间达不到传值的效果。
//公共bus.js
import Vue from 'vue'
export default new Vue()
// A组件:
{{elementValue}}
//B组件:
{{name}}