1、双击打开HBuilderX工具,下载和安装vue项目,并创建vue文件TabsCard.vue
2、打开已新建vue文件,向<temp盟敢势袂late></template>标签插入el-tabs标签
3、再次新建一个子组件ChildTabs.vue,然后点击创建按钮
4、接着打开子组件文件,向页面部分插入一个el-form标签
5、由于子组件表单中使用了v-model指令,需要在data对象中初始化变量
6、在TabsCard.vue文件中,导入ChildTabs组件,并在界面中引用组件
7、打开App.vue文件,使用相同的方法导入组件TabsCard,然后在界面中引用
8、保存代码并使用npm命令运行项目,打开浏览器并输入地址访问,可以查看到界面