热门

最新

红包

立Flag

投票

同城

我的

发布
m0_74802419
程序员大澈
3 年前
truem0_74802419

vue2面试题:组件通信方式

父传子

1、props:在父组件中,给子组件绑定一个自定义属性,在子组件中,通过props进行接收

2、$parent:直接访问父组件实例的属性和方法

3、$attrs:在父组件中,给子组件绑定一个自定义属性,在子组件中,通过$attrs进行接收【与props不能共存】【vue新增的祖孙传参方式】

4、插槽

子传父

1、自定义事件:在父组件中,给子组件绑定一个自定义事件,绑定事件的值为接收参数的函数,在子组件中,通过$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

路由跳转传参

1、params传参

2、query传参

保持热爱共赴山海
CSDN App 扫码分享
分享
评论
3
打赏
  • 复制链接
  • 举报
下一条:
坚持学习打卡第26天,
立即登录