v3.3+使用 defineOptions 定义组件命名、版本、注册子组件

在v3.3+版本中，可以使用defineOptions方法，定义组件命名、版本、注册子组件

<script lang="ts" setup>
  import { Tabs, TabPane } from 'ant-design-vue';
  import { ref } from 'vue';
  import { achieveList } from './data';
  import TabPackages from './tabPackages.vue';
  import TrialTab from './tabTrial.vue';
  import AddNewPackage from './addNewPackage.vue';

  defineOptions({
    name: 'SetPackage',
    descName: '套餐管理列表',
    components: {
      TabPackages,
      TrialTab,
    },
  });
</script>

注册组件是为了在 template 中使用 component 标签

 <component is="TabPackages" />