Vue2面试题:说一下组件通信有哪些方式?

    父传子

        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传参(地址栏显示参数)

相关推荐

  1. Vue2面试一下组件通信哪些方式

    2023-12-14 08:34:04       57 阅读
  2. vue2面试vue组件之间的通信方式哪些

    2023-12-14 08:34:04       47 阅读
  3. Vue2面试一下vuex的理解?

    2023-12-14 08:34:04       57 阅读
  4. VUE组件常用的通信方式哪些

    2023-12-14 08:34:04       45 阅读
  5. Vue2常用的组件通信方式几种

    2023-12-14 08:34:04       43 阅读
  6. 【技术】Vue3 组件通讯方法哪些

    2023-12-14 08:34:04       34 阅读
  7. Vue2面试一下路由模式hash和history的区别?

    2023-12-14 08:34:04       51 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-14 08:34:04       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-14 08:34:04       100 阅读
  3. 在Django里面运行非项目文件

    2023-12-14 08:34:04       82 阅读
  4. Python语言-面向对象

    2023-12-14 08:34:04       91 阅读

热门阅读

  1. 机器学习---数字聚类案例

    2023-12-14 08:34:04       67 阅读
  2. 如何在PHP中使用PDO(PHP Data Objects)?

    2023-12-14 08:34:04       71 阅读
  3. three.js纹理贴图不清晰,颜色失真

    2023-12-14 08:34:04       74 阅读
  4. OPA—云原生策略模型

    2023-12-14 08:34:04       63 阅读
  5. Python OpenCV将32位图像改为8位图像

    2023-12-14 08:34:04       52 阅读
  6. uniapp 使用wgt包实现热更新具体实现代码

    2023-12-14 08:34:04       56 阅读
  7. Transformer

    2023-12-14 08:34:04       48 阅读