1. 创建新文件夹“components”:
![在这里插入图片描述](https://img-blog.csdnimg.cn/579d7db74dd94d50a84f7e3faf3d374d.png#pic_center)
2. 继续在该目录下创建文件夹,并在新创建的文件夹下创新component组件。
![在这里插入图片描述](https://img-blog.csdnimg.cn/9111ddff106b408c83141d684f958c8d.png#pic_center)
创建的Component组件名字最好和文件夹的名字一样。
创建成功之后,文件结构如下图所示:
![在这里插入图片描述](https://img-blog.csdnimg.cn/5ac1267b85604b8aa38d3d56d19a3a0c.png#pic_center)
3. 自定义组件一般都用在所有页面或部分页面中,所以需要在app.json
中做全局引用配置
"usingComponents": {
"new-compo":"components/new-compo/new-compo"
}
4. 接下来就可以在任何页面中进行引用了,使用组件名称标签引用:
<new-compo></new-compo>