父传子
1、自定义属性 + props:在父组件中,给子组件绑定一个自定义属性,在子组件中,通过props进行接收
2、$parent:直接访问父组件实例的属性和方法
3、$attrs:在父组件中,给子组件绑定一个自定义属性,在子组件中,通过$attrs进行接收【与props不能共存】
4、插槽
子传父
1、$emit + 自定义事件:在父组件中,给子组件绑定一个自定义事件,绑定事件的值为接收参数的函数,在子组件中,通过$emit发送数据
2、$refs:直接访问子组件实例的属性和方法
3、$children:直接访问子组件实例的属性和方法【返回数组,必须遍历赋值后才能渲染】
祖传孙
1、provide函数传,inject数组收
2、自定义属性 + v-bind="$attrs"【中间人】 + $attrs
孙传祖
1、$emit + v-on="$listeners"【中间人】 + 自定义事件
兄弟间
1、$bus 全局事件总线:给vue原型添加一个vue实例,用this.$bus.$emit发送,用this.$bus.$on接收
2、Vuex
3、pubsub 发布订阅
路由传参
params传参(地址栏不显示参数)
query传参(地址栏显示参数)