vue3新语法糖script setup基本用法

1、组件引入

直接使用import引入，无需注册

2、组件传值

1、父组件传子组件使用props(需要先引入defineProps)

父组件绑定
image
子组件声明
image

2、子组件触发父组件使用emilt(需先引入defineEmit)

子组件
image
父组件在引入的子组件上使用@符加上emit(name)

3、 Provide/inject（不限层级）

父组件中
image
子组件或子孙组件中
image

4、 vuex提升为全局变量使用

image

posted @   举个栗子走天下  阅读(1173)  评论(0)  编辑  收藏  举报
编辑推荐：
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行：
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决：字节Trae VS Cursor，谁才是开发者新宠？
· 开源Multi-agent AI智能体框架aevatar.ai，欢迎大家贡献代码
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
点击右上角即可分享
微信分享提示
AI IDE Trae