在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" />