一. setup语法糖

在 Vue 3 中，setup 语法糖是一种简化组件内部状态和方法管理的特性。它允许你将组件的逻辑直接编写在组件的定义中，而不是像 Vue 2 那样需要在 methods 和 data 属性中管理。setup 语法糖基于 ES6 的类的静态方法，允许你更灵活地组织组件的逻辑和状态。

二.setup语法糖的作用

1.简化状态和方法管理：setup 语法糖允许你直接在组件内部定义状态和方法，无需在 data 和 methods 中管理，使得代码更加清晰和简洁。

2.组件逻辑的集中管理：setup 函数可以包含组件的所有逻辑，包括状态、计算属性、事件监听器等，使得组件内部的逻辑更加集中和易于管理。

3.更好的可读性和可维护性：通过将组件的逻辑直接写在组件内部，代码的结构更加清晰，易于理解和维护。

三.实例

把setup独立出去。相当于在原script标签中的setup中的setup函数