Vue2面试题:说一下组件通信有哪些方式?
2023-12-14 00:02:50
??? 父传子
? ? ? ? 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传参(地址栏显示参数)
文章来源:https://blog.csdn.net/m0_74802419/article/details/134984611
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!