当前位置: 首页 > news >正文

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

http://www.lryc.cn/news/259443.html

相关文章:

  • C# 两个日期比较大小
  • 路由基本原理
  • 配置本地端口镜像示例
  • 使用FluentAvalonia组件库快速完成Avalonia前端开发
  • JAVA实体类集合该如何去重?
  • 修改Element UI可清空Input的样式
  • Java常用注解
  • golang实现同步阻塞、同步非阻塞、异步非阻塞IO模型
  • java SSM教师工作量管理系统myeclipse开发mysql数据库springMVC模式java编程计算机网页设计
  • 大数据技术之Hive(超级详细)
  • NVMe over Fabrics with SPDK with iRDMA总结 - 1
  • 【PTA刷题】求链式线性表的倒数第K项(代码+详解)
  • VSCode 创建工作区,多文件夹终端切换
  • 高阶函数(js的问题)
  • android-android源码目录
  • Json格式化
  • 数据可视化设计:让数据故事更有说服力
  • java面试题-Spring事务以及@Transactional注解详解
  • ARM流水灯
  • docker-compose单机容器编排
  • matlab信号分选系统算法-完整算法结构
  • 十八)Stable Diffusion使用教程:艺术二维码案例
  • 【LeetCode每日一题】53. 最大子数组和
  • 机器学习笔记 什么是协方差矩阵?
  • 使用Python监控服务器在线状态
  • 【JAVA】黑马MybatisPlus 学习笔记【二】【核心功能】
  • 区块链实验室(30) - 区块链期刊:Distributed Ledger Technologies: Research and Practice
  • Nginx【通俗易懂】《中篇》
  • 组件的二次封装
  • curl+postman 在java开发中的使用(提高效率)