技术栈

vue-组件通信

7_35Durant2024-10-12 16:47

组件通信是什么

组件通信就是组件与组件之间的数据传递

组件的数据是独立的,无法直接访问其他组件的数据

组件关系

组件关系的两大类:

组件A和B是非父子关系,组件C对于A和B是父子关系

父子通信

父组件通过props将数据传递给子组件

子组件利用$emit通知父组件修改更新

什么是props

作用: 向子组件传递数据

props可以传递任意类型数据,任意数量数据

父传子

子传父

上一篇:前端面试题(十五)
下一篇:ES6总结
相关推荐
Jerry
4 分钟前
Jetpack Compose 中的状态
前端
dae bal
1 小时前
关于RSA和AES加密
前端·vue.js
柳杉
1 小时前
使用three.js搭建3d隧道监测-2
前端·javascript·数据可视化
lynn8570_blog
1 小时前
低端设备加载webp ANR
前端·算法
LKAI.
2 小时前
传统方式部署(RuoYi-Cloud)微服务
java·linux·前端·后端·微服务·node.js·ruoyi
刺客-Andy
2 小时前
React 第七十节 Router中matchRoutes的使用详解及注意事项
前端·javascript·react.js
前端工作日常
2 小时前
我对eslint的进一步学习
前端·eslint
禁止摆烂_才浅
3 小时前
VsCode 概览尺、装订线、代码块高亮设置
前端·visual studio code
程序员猫哥
3 小时前
vue跳转页面的几种方法(推荐)
前端
代码老y
4 小时前
十年回望:Vue 与 React 的设计哲学、演进轨迹与生态博弈
前端·vue.js·react.js
热门推荐
01UV安装并设置国内源02Qwen3-Coder 快速上手教程 | Qwen Code + Claude Code03KGG转MP3工具|非KGM文件|解密音频04【2025.08.06最新版】Android Studio下载、安装及配置记录(自动下载sdk)05蜘蛛磁力 搜索引擎大全,如何使用蜘蛛磁力查找磁力链接062025最新国内服务器可用docker源仓库地址大全(2025年8月更新)07TRAE 规则(Rules)配置指南:个人习惯、团队规范与最佳实践08阿里开源首个图像生成基础模型——Qwen-Image本地部署教程,超强中文渲染能力刷新SOTA!09NVIDIA显卡驱动、CUDA、cuDNN 和 TensorRT 版本匹配指南10TRAE Rules 实践:为项目配置 6A 工作流