Vue 父子传参

参考

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

父传子

创建父亲模板

创造孩子模板

页面展示

子页面使用父亲值

ts写法

父亲传递多个参数给孩子

父亲页面

孩子页面

页面展示

带有默认值

此时父亲没有传递arr的值

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


子传父

子页面传值

父页面接受


使用ts改写

给父组件暴露方法或属性

子组件暴露

父组件接受

相关推荐
小满zs1 分钟前
Next.js第二十章(MDX)
前端·next.js
愚坤7 分钟前
前端真有意思,又干了一年图片编辑器
前端·javascript·产品
文心快码BaiduComate12 分钟前
用Comate开发我的第一个MCP——让Vibe Coding长长脑子
前端·后端·程序员
OpenTiny社区37 分钟前
这是OpenTiny与开发者一起写下的2025答卷!
前端·javascript·vue.js
龙在天1 小时前
复刻网页彩虹🌈镭射效果
前端
孟祥_成都1 小时前
让 AI 自动写 SQL、读文档,前端也能玩转 Agent! langchain chains 模块解析
前端·人工智能
天蓝色的鱼鱼2 小时前
别再瞎转Base64了!一文打通前端二进制任督二脉
前端
哟哟耶耶2 小时前
Plugin-安装Vue.js devtools6.6.3扩展(组件层级可视化)
前端·javascript·vue.js
梦6502 小时前
【前端实战】图片元素精准定位:无论缩放,元素始终钉在指定位置
前端·html·css3
烟袅2 小时前
一文搞懂 useRef:它到底在“存”什么?
前端·react.js