uniapp中有很多的组件库可以给大家使用,但是很多时候我们也需要自己给自己封装组件使用。
组件相关的内容在uniapp官网有详细的使用说明
官网地址
组件注册
组件支持
以下来自uniapp官网
![在这里插入图片描述](https://img-blog.csdnimg.cn/1ca85e0757284d4390be9f02c2c77116.png)
这里以微信小程序的 组件 为例
创建文件
- 需要在pages 的平级目录下创建一个 components 文件夹。
- 相关的组件需要创建一个同名的文件夹,然后创建一个对应的vue文件即可。
![文件夹及其文件](https://img-blog.csdnimg.cn/969b6d1e7b4343469a03416e3786afa0.png)
组件使用
在需要使用的页面使用 usingComponents
导入组件的名称及其路径
![配置路径](https://img-blog.csdnimg.cn/facd7d88df6843848df3d8c9f566aa40.png)
![页面中使用](https://img-blog.csdnimg.cn/51c6fc166d0d4ba6866999d169433d0c.png)
其他的大家可以从官网上访问。