Vue 父子传参

参考

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

父传子

创建父亲模板

创造孩子模板

页面展示

子页面使用父亲值

ts写法

父亲传递多个参数给孩子

父亲页面

孩子页面

页面展示

带有默认值

此时父亲没有传递arr的值

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


子传父

子页面传值

父页面接受


使用ts改写

给父组件暴露方法或属性

子组件暴露

父组件接受

相关推荐
廖子默6 分钟前
提供html2canvas+jsPDF将HTML页面以A4纸方式导出为PDF后,内容分页时存在截断的解决思路
前端·pdf·html
光影少年38 分钟前
react和vue图片懒加载及实现原理
前端·vue.js·react.js
AndyGoWei40 分钟前
react react-router-dom history 实现原理,看这篇就够了
前端·javascript·react.js
小仓桑43 分钟前
深入理解 JavaScript 中的 AbortController
前端·javascript
摸鱼也很难1 小时前
解决 node.js 执行 npm下载 报无法执行脚本的错
前端·npm·node.js
换个名字不能让人发现我在摸鱼1 小时前
裁剪保存的图片黑边问题
前端·javascript
PeterJXL1 小时前
pnpm:包管理的新星,平替 npm 和 yarn
前端·npm·node.js·pnpm
小牛itbull1 小时前
Mono Repository方案与ReactPress的PNPM实践
开发语言·前端·javascript·reactpress
黑色的糖果1 小时前
vue2封装自定义插件并上传npm发布及使用
前端·npm·node.js