Vue3 Composition API 中的 ＜script setup＞ 语法

组合式 API 将 data(), computed, methods, watch 合并成 一个 setup() :

<script>
import { ref } from 'vue';
export default {
  setup() {
    const uName = ref('Maximilian');
    return { uName };
  }
}
</script

但是，考虑到组件只要使用组合式API，全都一样的写法，即组件中都有一个 setup() ，然后 return 一个对象，因此，为了避免这种重复，Vue3 也支持一种更简洁的语法，即使用 <script setup>，没有 export default { } ，setup(), 以及 return，上述代码等价于：

<script setup>
import { ref } from 'vue';
const uName = ref('Maximilian');
</script>

这种写法也一样是正确的语法。