stup语法糖和template加载顺序

在 Vue 3 中，`setup()` 函数是用来替代 Vue 2 中的选项属性，例如 `data()`、`computed`、`methods` 等等。它是一个普通的 JavaScript 函数，用于定义组件的行为和响应式数据。

`setup()` 函数的执行顺序是在 `beforeCreate` 和 `created` 生命周期之间。也就是说，在 `setup()` 函数执行完毕后，Vue 会将其返回值与模板进行关联，然后进行渲染。

在 Vue 3 中，`template` 不再是必须的选项，但是如果你需要使用模板来渲染组件，仍然可以在组件选项中定义 `template`，Vue 会将其编译成渲染函数。

如果同时定义了 `template` 和 `setup()`，Vue 会先执行 `setup()` 函数来获取组件的状态和行为，然后再根据 `template` 来进行渲染。这个过程和 Vue 2 的渲染流程是不同的，Vue 2 中是先进行模板编译，然后再执行组件实例的各个生命周期函数来创建组件实例。

综上所述，`setup()` 和 `template` 的加载顺序是先执行 `setup()` 函数，然后再根据 `template` 进行渲染。如果没有定义 `template`，则不进行渲染。