Vue 父子传参

参考

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

父传子

创建父亲模板

创造孩子模板

页面展示

子页面使用父亲值

ts写法

父亲传递多个参数给孩子

父亲页面

孩子页面

页面展示

带有默认值

此时父亲没有传递arr的值

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


子传父

子页面传值

父页面接受


使用ts改写

给父组件暴露方法或属性

子组件暴露

父组件接受

相关推荐
tsumikistep6 分钟前
【前后端】接口文档与导入
前端·后端·python·硬件架构
行走的陀螺仪31 分钟前
.vscode 文件夹配置详解
前端·ide·vscode·编辑器·开发实践
2503_928411561 小时前
11.24 Vue-组件2
前端·javascript·vue.js
Bigger1 小时前
🎨 用一次就爱上的图标定制体验:CustomIcons 实战
前端·react.js·icon
谢尔登1 小时前
原来Webpack在大厂中这样进行性能优化!
前端·webpack·性能优化
cypking3 小时前
Vue 3 + Vite + Router + Pinia + Element Plus + Monorepo + qiankun 构建企业级中后台前端框架
前端·javascript·vue.js
雨雨雨雨雨别下啦3 小时前
【从0开始学前端】vue3简介、核心代码、生命周期
前端·vue.js·vue
simon_93494 小时前
受够了压缩和收费?我作为一个码农,手撸了一款无限容量、原图直出的瀑布流相册!
前端
e***87704 小时前
windows配置永久路由
android·前端·后端
Dorcas_FE5 小时前
【tips】动态el-form-item中校验的注意点
前端·javascript·vue.js