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 也支持一种更简洁的语法,即使用

你可能感兴趣的:(vue.js,javascript,前端)