Vue setup语法糖
setup语法糖指的是Vue组件当中的setup字段
是 Vue3 的一个新语法糖,在 setup 函数中。
所有 ES 模块导出都被认为是暴露给上下文的值,并包含在 setup() 返回对象中。
相对于之前的写法,使用后,语法也变得更简单。
使用方式就是仅需要在 script 标签加上 setup 关键字即可。
<script setup></script>
setup语法糖的一些优势
组件自动注册
在 script setup 中,引入的组件可以直接使用,无需再通过components进行注册,如果是export default
的写法,还需要使用components选项内注册引入的组件。
变量和方法无需返回,直接使用
在之前的写法中,定义数据和方法,都需要在结尾 return 出去,才能在模板区中使用。在 script setup 中,
定义的属性和方法无需返回,可以直接使用