位置: IT常识 - 正文
Vue3 script setup 语法糖详解
编辑：rootadminVue3 script setup 语法糖详解 
本文链接地址:https://www.jiuchutong.com/zhishi/299080.html
转载请保留说明！
推荐整理分享Vue3 script setup 语法糖详解，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:,内容如对您有帮助，希望把文章链接给更多的朋友！
前言：
目前setup sugar已经进行了定稿，vue3 + setup sugar + TS的写法看起来很香,写本文时 Vue 版本是 "^3.2.6"
1.script setup 语法糖新的 setup 选项是在组件创建之前, props 被解析之后执行，是组合式 API 的入口。
在 setup 中你应该避免使用 this，因为它不会找到组件实例。setup 的调用发生在 data property、computed property 或 methods 被解析之前，所以它们无法>在 setup 中被获取。
setup 选项是一个接收 props 和 context 的函数，我们将在之后进行讨论。此外，我们将 setup 返回的所有内容都暴露给组件的其余部分 (计算属性、方法、生命周期钩子等等) 以及组件的模板。
它是 Vue3 的一个新语法糖，在 setup 函数中。所有 ES 模块导出都被认为是暴露给上下文的值，并包含在 setup() 返回对象中。相对于之前的写法，使用后，语法也变得更简单。
在添加了setup的script标签中，我们不必
上一篇：Unity Rain Ai 插件的使用入门(unity loom插件)
下一篇：大二C#实现酒店管理系统（C端展示、前台操作、登记入住、入住管理、职位管理、公告系统等）(c语言设计酒店管理系统)