Vue 父子传参

参考

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

父传子

创建父亲模板

创造孩子模板

页面展示

子页面使用父亲值

ts写法

父亲传递多个参数给孩子

父亲页面

孩子页面

页面展示

带有默认值

此时父亲没有传递arr的值

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


子传父

子页面传值

父页面接受


使用ts改写

给父组件暴露方法或属性

子组件暴露

父组件接受

相关推荐
SuperEugene几秒前
Vue3 + Vue Router + Pinia 路由守卫规范:beforeEach 应做 / 不应做,避死循环、防重复请求|状态管理与路由规范篇
开发语言·前端·javascript·vue.js·前端框架
Greg_Zhong2 分钟前
Css知识之伪类和伪元素
前端·css
Mintopia3 分钟前
GPT-5.3-Codex 底层逻辑是什么,为什么编码强?
前端·人工智能·ai编程
Mintopia5 分钟前
Opus 模型凭什么收费贵,与其他模型对比理由是什么?
前端·人工智能
东东__net6 分钟前
js逆向与谷歌加密库
开发语言·前端·javascript
程序员小郭8314 分钟前
Spring Ai 05 ChatClient Advisor 实战(日志、提示词增强、内容安全)
java·开发语言·前端
m0_5027249514 分钟前
腾讯地图tlbs-multi-marker动态更新marker图标
前端·javascript·vue.js·地图
IT_陈寒19 分钟前
SpringBoot 项目启动慢?这5个优化技巧让你的应用快50%
前端·人工智能·后端
GISer_Jing28 分钟前
React核心语法:组件化与声明式编程
前端·react.js·前端框架
DJ斯特拉28 分钟前
文件上传(UUID防止重名文件&&阿里云实现云端上传&&MultipartFile接收前端文件)
前端