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