Vue3.4 - defineOptions

defineOptions 可以在 setup 中写 name、inheritAttrs，而无需另起一个 script 标签。

<script setup lang="ts">
defineOptions({
  name: "HelloWorld",
  inheritAttrs: false,
  data() {
    return {
      msg: "123",
    };
  },
});
</script>

<!-- <script lang="ts">
export default {
  name: "HelloWorld",
  inheritAttrs: false,
  data() {
    return {
      msg: "123",
    };
  },
};
</script> -->

<template>
  <div></div>
  <input v-model="msg" />
  <div>{{ msg }}</div>
</template>