vue3 setup语法糖如何使用
作者:EasyWind
时间:2025-04-01
浏览:3
1.setup语法糖简介直接在script标签中添加setup属性就可以直接使用setup语法糖了。使用setup语法糖后,不用写setup函数;组件只需要引入不需要注册;属性和方法也不需要再返回,可以直接在template模板中使用。import{ref}from'vue';importmyComponentfrom'@/component/myComponent.vue';//此时注册的变量或方法可以直接在template中使用而不需要导出constnumb=ref(0
本文目录
1.setup语法糖简介
直接在script标签中添加setup属性就可以直接使用setup语法糖了。
使用setup语法糖后,不用写setup函数;组件只需要引入不需要注册;属性和方法也不需要再返回,可以直接在template模板中使用。
2.setup语法糖中新增的api
defineProps:子组件接收父组件中传来的props
defineEmits:子组件调用父组件中的方法
defineExpose:子组件暴露属性,可以在父组件中拿到
2.1defineProps
父组件代码
子组件代码
{{numb}}
2.2defineEmits
子组件代码
{{numb}}
父组件代码
2.3defineExpose
子组件代码
子组件中的值{{numb}}
父组件代码
补充:与普通的script一起使用
作者最新文章
漫蛙动漫APP最新版本下载
2026-10-13 13:46
漫蛙如何下载最新版本
2026-10-13 13:43
漫蛙漫画APP最新版本下载
2026-10-13 13:43
漫蛙漫画正版官网
2026-10-13 13:19
漫蛙漫画下载app最新版本
2026-10-13 13:17
上一篇:
PHPcms 口令卡遗失后的应急处理措施
下一篇:
谷歌地图历史记录怎么删除
热门文章
更多
精品专题
更多
Mac软件
更多
WINDOWS
更多




































