Vue 父子传参

参考

学习Vue3 第十四章(父子组件传参)_withdefaults(defineprops({-CSDN博客

父传子

创建父亲模板

创造孩子模板

页面展示

子页面使用父亲值

ts写法

父亲传递多个参数给孩子

父亲页面

孩子页面

页面展示

带有默认值

此时父亲没有传递arr的值

假设arr没有传值时,加载666


子传父

子页面传值

父页面接受


使用ts改写

给父组件暴露方法或属性

子组件暴露

父组件接受

相关推荐
一心只读圣贤书20 小时前
AI 辅助前端图片资源治理:从懒加载到多端适配
前端·人工智能
一心只读圣贤书20 小时前
AI 辅助前端 Feature Flag 治理:从灰度开关到实验复盘
前端·人工智能
胡萝卜术20 小时前
编译期与运行期的双重防线:从 TypeScript 类型之争到 LLM 输出的自动化择优
前端·设计模式·面试
Goodbye20 小时前
前端路由深度解析:从原理到 React Router 实战
前端
何时梦醒20 小时前
🤖 Harness 工程:用 LLM as Judge + Best of N 打造自优化的 AI 代码生成流水线
前端·人工智能
AI_paid_community20 小时前
如何使用 Claude 在 AI 时代快速入局新的行业?(经验贴)
前端·javascript·后端
程序员韩星20 小时前
从模型直连到统一 AI 网关:多模型 API、Codex 与 Claude Code 接入实践
前端·程序员·ai编程
想要成为糕糕手20 小时前
🐎 从“幻觉”到“可控”:手把手构建一个 LLM 自优化流水线 Harness
前端·llm·agent
sunly_20 小时前
React Suspense 用法详解
前端·javascript·react.js
一心只读圣贤书20 小时前
AI 辅助前端空状态体验治理:从无数据页面到可行动引导
前端·人工智能