作为一款跨平台开发框架，uni-app的组件库非常丰富，而内置组件则是其中的重要一环。内置组件具有高度的可复用性和易用性，是一些常用功能的封装，比如按钮、输入框、列表等。在开发中，引用内置组件即可快速实现这些常用功能，提高开发效率。本文将介绍uni-app如何引用内置组件。
- 在pages.json文件中添加内置组件
Uni-app的页面配置文件pages.json中，有一个全局配置项"usingComponents"。该配置项可以用来引用项目所使用的内置组件库。我们可以在这里添加需要使用的内置组件的路径，路径可以是相对路径或绝对路径。
例如，要在页面中引用uni-icons图标库中的icon组件，需要在pages.json文件中添加如下代码：
"usingComponents": {
"uni-icons": "@/uni-icons/uni-icons.vue"
}其中， "uni-icons"是自定义组件名，可以随便取；"@/"表示项目根目录。这里将uni-icons组件放在了项目根目录下的uni-icons文件夹中。
- 在页面中引用内置组件
在页面中使用内置组件，只需要在标签中写入自定义组件名即可。
以uni-icons图标库中的icon组件为例，代码如下：
其中，type属性用来指定要显示的图标。例如，type="add"表示显示加号图标。通过这种方式，开发者可以轻松地实现一些通用组件的使用。内置的组件库集成了很多常见的基础组件，如按钮、输入框、选择器等等，能够满足开发者的基本需求。
- 自定义内置组件
如果内置组件库中没有你想要的组件，那么也可以自定义一个内置组件。自定义内置组件与普通组件的定义方式基本相同，在引用的时候也是按照上述方式引用即可。需要注意的是，在自定义组件的时候要遵循Uni-app中组件的开发规范。
下面是一个常见的自定义内置组件的范例：
云模块_YunMOK网站管理系统采用PHP+MYSQL为编程语言，搭载自主研发的模块化引擎驱动技术，实现可视化拖拽无技术创建并管理网站！如你所想，无限可能，支持创建任何网站：企业、商城、O2O、门户、论坛、人才等一块儿搞定！永久免费授权，包括商业用途； 默认内置三套免费模板。PC网站+手机网站+适配微信+文章管理+产品管理+SEO优化+组件扩展+NEW Login界面.....目测已经遥遥领先..
上述代码定义了一个名为uni-badge的组件。组件的主要作用是显示一个带分数或标记的标签，其中分数可以是任意数字，标记可以是红点或其他图形。
在自定义内置组件时，需按照Uni-app的组件规范来书写代码。组件引用方式也如前面所述。
总结
通过本文的介绍，我们已经了解了Uni-app如何引用内置组件，它可以方便地使用内置组件、缩短开发时间，同时也可以自定义内置组件以适应业务需求。在开发中，开发者可以根据自己的需要灵活地使用内置组件，以提高开发效率，实现更强大的应用。
