vue3+ts组件通信

1、父组件向组件传参

父组件代码

子组件代码

2、子组件向父组件传参

组件间代码

父组件代码

3、如果eslint报错,需在.eslintrc.js中添加一行代码

4、通过父组件通过 ref 获取子组件的属性或者方法

父组件代码

子组件代码

5、孙子组件provide和inject

父组件代码

孙子组件代码

相关推荐
kuxku1 分钟前
使用 SSE 与 Streamdown 实现 Markdown 流式渲染
前端·javascript·node.js
Sheldon一蓑烟雨任平生2 分钟前
Vue 用户管理系统(路由相关练习)
vue.js·vue3·axios·json-server·vue-router·vue 路由·vue-link
Sherry00713 分钟前
【译】🔥如何居中一个 Div?看这篇就够了
前端·css·面试
前端小咸鱼一条14 分钟前
18. React的受控和非受控组件
前端·react.js·前端框架
一枚前端小能手19 分钟前
🛠️ Service Worker API深度解析 - 生命周期、缓存与离线实战
前端·javascript
马卫斌 前端工程师29 分钟前
vue3 实现echarts 3D 地图
前端·javascript·echarts
蓝瑟35 分钟前
前端测试不再难:Vite+React+Vitest单元测试完整手册
前端·react.js·单元测试
爱分享的鱼鱼37 分钟前
Vue中如何实现可切换显示/隐藏侧边栏的按钮
前端
Mike_jia40 分钟前
DBdoctor:数据库性能的“AI名医”,诊断效率提升10倍的终极利器
前端
怪可爱的地球人40 分钟前
向宇宙发送一枚小可爱
前端