vue-组件通信

组件通信是什么

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

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

组件关系

组件关系的两大类:

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

父子通信

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

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

什么是props

作用: 向子组件传递数据

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

父传子

子传父

相关推荐
持久的棒棒君15 分钟前
npm安装electron下载太慢,导致报错
前端·electron·npm
渔舟唱晚@2 小时前
大模型数据流处理实战:Vue+NDJSON的Markdown安全渲染架构
vue.js·大模型·数据流
crary,记忆2 小时前
Angular微前端架构:Module Federation + ngx-build-plus (Webpack)
前端·webpack·angular·angular.js
漂流瓶jz3 小时前
让数据"流动"起来!Node.js实现流式渲染/流式传输与背后的HTTP原理
前端·javascript·node.js
SamHou03 小时前
手把手 CSS 盒子模型——从零开始的奶奶级 Web 开发教程2
前端·css·web
我不吃饼干3 小时前
从 Vue3 源码中了解你所不知道的 never
前端·typescript
开航母的李大3 小时前
【中间件】Web服务、消息队列、缓存与微服务治理:Nginx、Kafka、Redis、Nacos 详解
前端·redis·nginx·缓存·微服务·kafka
Bruk.Liu3 小时前
《Minio 分片上传实现(基于Spring Boot)》
前端·spring boot·minio
鱼樱前端4 小时前
Vue3+d3-cloud+d3-scale+d3-scale-chromatic实现词云组件
前端·javascript·vue.js
q_19132846954 小时前
基于Springboot+Vue的办公管理系统
java·vue.js·spring boot·后端·intellij idea