Vue父子组件实现数据传递

我能在河边钓一整天的鱼 我能在河边钓一整天的鱼 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 800+累计阅读 816平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄10年
关注
VIP免费 原创 最新推荐文章于 2026-04-24 10:54:46 发布 816 阅读 AI 写同款· GEO 优化 ›
vue3父子组件间传参通信 本文主要是记录Vue3在setup语法糖下的父子组件间通信的四种方式。 阅读详情

 

前提

 

上一篇博客我们介绍了如何通过axios获取数据，上一篇没看的朋友可以点击一看

https://blog.youkuaiyun.com/Delicious_Life/article/details/103980337

 

 

json数组传递演示

 

下面我通过传递json数组来演示父子组件是如何传递数据的。

 

首先我们先在父页面js中定义一个data，这里面存储了这个页面的各种数据。以weekendList为例，默认给它一个空数组

 

然后我们在父页面<home-weekend>标签中绑定一个属性

最低0.47元/天 解锁文章
标签
#vue父子组件数据传递
badusb详细制作教程（两种方式实现远控） badusb是一种几乎可以突破任何杀毒软件和防火墙的设备，堪称渗透测试利器 文章目录前言一、什么是badusb？二，badusb的优点三，badusb是如何攻击的？badusb原理HID攻击漏洞产生原因三、准备步骤1.设备2，编辑器的安装与设置四，编写代码(重点)第一种： SEToolkit + badusb实现PowerShell注入攻击第二种：Cobalt Strike + badusb 实现PowerShell注入攻击五，烧录六，badusb有多强大攻击场景总结 BadUSB是《黑客军团》中 阅读详情

相关推荐

MDT部署实战：除了Office，这些“装机必备”软件也能一键静默安装（含静默参数）

本文详细介绍了如何利用Microsoft Deployment Toolkit（MDT）实现企业级软件的静默安装，包括浏览器、开发工具和系统增强工具等“装机必备”软件的部署方案。通过命令行参数和MSI属性，IT运维团队可以高效构建标准化工作环境，提升部署效率并确保版本一致性。文章还提供了安装顺序控制、结果验证和常见问题排错等高级技巧。

weixin_26985923的博客 172

数字IC后端项目典型问题之后端实战项目问题记录

数字IC后端培训教程之数字后端实战项目问题debug及解决方案记录

weixin_37584728的博客 1715

使用DDR4控制器实现多通道数据读写

这种高带宽对于大量的数据的应用非常重要。对于Controller/PHY Mode 的选择，我们使用Controller + PHY模式，Xilinx UltraScale/UltraScale+等高端FPGA通常包含硬核PHY，选择Controller + PHY模式可直接利用硬核，降低功耗和延迟，并且此模式的开发更易上手。在Basic页面下，首先勾选上AXI4 Interface选项，我们选用的内存接口速度为2133MHz的ddr4芯片，由于双沿触发，频率为1066MHz，那么周期应为938ps。

weixin_38828382的博客 1364

WPS专业版自带字体

WPS专业版其中一个好处就是自带了部分有版权的字体，就算你安装了没买授权，他也会给你在系统里面安装上这些字体，至于没授权继续用合不合规我不知道。但是带来的实实在在的好处就是有些子他支持的全啊。 /usr/share/fonts/wps-office/FZWBK.TTF: 方正魏碑_GBK,FZWeiBei\-S03:style=Regular /usr/share/fonts/wps-office/FZFSK.TTF: 方正仿宋_GBK,FZFangSong\-Z02:style=Regular /us

chenqioulin的博客 5707

保姆级图解：HKMG工艺中的‘覆盖层’(Cap Layer)到底怎么调阈值电压？

本文深入解析了HKMG工艺中覆盖层(Cap Layer)如何精准调控阈值电压的关键技术。通过原子级精度的ALD工艺和材料选择，覆盖层在半导体制造中扮演着隐形调节器的角色，直接影响晶体管的电气特性。文章详细介绍了La2O3和Al2O3等材料的特性对比、ALD工艺的原子级控制，以及实战调试中的关键步骤和问题排查方法。

weixin_27032989的博客 496

第 8 篇：TMC2240 电机正反转实现｜DIR 引脚控制 + 代码优化（稳定不抖动）

本文详细介绍了TMC2240电机驱动芯片的正反转实现方法，重点解决方向切换时的抖动和冲击问题。文章首先明确了硬件连接、基础配置和使能状态三个前提条件，然后阐述了DIR引脚电平控制方向的核心原理，提供了STM32的GPIO配置代码。针对方向切换时的电流冲击问题，作者提出了"停止-延迟-切换-启动"的平滑切换逻辑，并给出了包含方向枚举、转速控制和方向切换函数的完整代码实现方案。通过这种优化方法，可以有效避免电机在正反转切换时产生的抖动、冲击声和发热问题，实现稳定的双向控制。文章还提示了后续可

BackCatK Chen的博客 2078

YOLOv13：目标检测的全面攻略与实战指南

本文是关于 YOLOv13 的全攻略文章。先回顾 YOLO 系列发展，点明 YOLOv13 在该系列中的创新地位，阐述其基于 HyperACE、FullPAD 和轻量级卷积替换等技术的独特优势。深入剖析各核心技术原理，通过与其他版本及实际场景对比展现其性能优势。介绍项目结构与使用方式，分享数据增强、锚框优化等实用技巧，并列举安防监控、自动驾驶等领域应用案例。最后总结 YOLOv13 价值，展望目标检测技术未来发展趋势，为读者提供全面的 YOLOv13 学习与实践指导。

邓邓子的博客 3434

RAG的“诊断艺术”：从测试集结果倒追根源，精准优化检索、排序与生成

当RAG应用给出一个糟糕的答案时，开发者的第一反应可能是：“我的Prompt写得不够好？”这种基于“感觉”的猜测往往是低效的。通过构建一个包含黄金上下文信息的测试集，我们可以像一位经验丰富的医生一样，对RAG系统的各个“器官”进行独立的“健康检查”。一个用于RAG诊断的测试集，除了问题和答案，还需要包含中间环节的“黄金标准”。如果你的RAG流程包含Re-ranker，那么在评估完初期的召回后，需要单独评估Re-ranker的效果。RAG的优化是一个持续的过程，应该形成一个闭环。的文档块尽可能多地召回。

kakaZhui的博客 154

NTscan扫描工具

ntscan是一个扫描器，可以扫描没有密码和弱密码的共享，先到配置文件中填写猜测的用户名和密码，扫描过程中右侧出现的是扫描日志。

假人有限元模型

假人模型，车辆碰撞假人有限元模型，适合做乘员安全的研究者利用

VC中sqlite的使用

在VC中对sqlite的使用，实现数据库大批数据的快速插入，读取数据库中的数据在ListCtrl中显示
上一篇： Vue之mock假数据并通过axios获取数据
下一篇： Vue之如何使用Better-scroll
点赞 0
评论 0
书签 书签 2
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值