组件之间传参方式

 整理出组件之间传参方式 一共12 种

1. props:   父向子传值, 子组件用props 接收父组件传来的属性
2. $emit / v-on :  子向父传值,  子组件定义函数,父组件接收后修改数据,也可以传参
3. .sync
4. v-model:   和 .sync 都是语法糖,  区别是.sync可以多次使用
5. ref:   常用于表单校验, 或者关联某个元素
6. $children / $parent
7. $attrs / $listeners
8. provide / inject:    祖孙传值
9. EventBus
10. Vuex   跨组件传值,
11. $root
12. slot  插槽

父子: 

• props
• $emit / v-on
• $attrs / $listeners
• ref
• .sync
• v-model
• $children / $parent

兄弟: 

• EventBus
• Vuex
• $parent

跨组件:

• provide/inject
• EventBus
• Vuex
• $attrs / $listeners
• $root