前端框架vue，使用脚手架工具vue-cli创建前端项目时如何引入组件？下面是详细的写法。

1.第一步，使用vue-cli创建一个vue前端项目，文件夹如下

2.第二步是将子组件header.vue引入hom.vue接口，如下图所示

3.步骤3:用全局id命名子组件header.vue。

导出默认{ name: 'HomeHeader'}

代码如下

4.第四步，返回home.vue组件，参考如下所示的header.vue组件代码

HomeHeader对应上一步的命名；

先介绍一下界面

从“”导入HomeHeader。/page/header '

然后渲染界面

导出默认值{

姓名： '家庭'，

组件： {

主页标题

}

}

5.第五步：引入接口并渲染接口后，可以在家里调用header.vue接口. vue，

首页标题/首页标题

对应的HomeHeader是大写和小写的，连接是用-

下图

6.第六步：运行项目，打开要显示的网页，成功介绍子组件，如下图