Vue setup语法糖

Vue setup语法糖

setup语法糖指的是Vue组件当中的setup字段

是 Vue3 的一个新语法糖，在 setup 函数中。

所有 ES 模块导出都被认为是暴露给上下文的值，并包含在 setup() 返回对象中。

相对于之前的写法，使用后，语法也变得更简单。

使用方式就是仅需要在 script 标签加上 setup 关键字即可。

<script setup>script>

setup语法糖的一些优势

组件自动注册
在 script setup 中，引入的组件可以直接使用，无需再通过components进行注册，如果是export default
的写法，还需要使用components选项内注册引入的组件。
变量和方法无需返回，直接使用
在之前的写法中，定义数据和方法，都需要在结尾 return 出去，才能在模板区中使用。在 script setup 中，
定义的属性和方法无需返回，可以直接使用