uni-app注册全局组件 - 符合easycom

效果图

环境要求

HBuilderX 2.5.5起支持easycom组件模式。

uni-app官网uni-app：一个使用 Vue.js 开发跨平台应用的前端框架https://uniapp.dcloud.io/collocation/pages?id=easycom官方手册 （对新手不友好，菜鸟本尊看得迷糊，照着抄都无法使用全局自定义组件...）

实现步骤

图+文

（ 1 / 7 ）准备好HBuilderX

（ 2 / 7 ）新建/components/文件夹（名字不能改）

（ 3 / 7 ）新建/components/easycom/文件夹（随意，不建二级目录也行，适当调整即可）

（ 4 / 7 ）对着components文件夹右键，新建组件

 （ 5 / 7 ）要有前缀，我试过没前缀的不行，不知道是不是缓存问题，勾选同名目录

 （ 6 / 7 ）装修你的组件，其实也就是一个vue，name的话要小写+横杠（驼峰试过不行）

 （ 7 / 7 ）修改pages.json增加easycom的自动扫描，注意路径。
全局注册成功，重启HBuilderX干掉缓存。
在适当页面不用注册，即可享用自建组件。

"easycom": {
	"autoscan": true,
	"custom": {
	  "^u-(.*)": "@/components/easycom/u-$1/u-$1.vue"
	}
}

重启HBuilderX干掉缓存

重启HBuilderX干掉缓存

重启HBuilderX干掉缓存

 官网手册

https://uniapp.dcloud.io/collocation/pages?id=easycom组件规范

包含手动注册组件。。。