uniapp公共组件库

uniapp公共组件库推荐与使用

1. 官方扩展组件（uni-ui）
uni-ui是DCloud官方提供的跨端组件库，专为uniapp优化，支持H5、小程序、App等多端。包含基础组件（如按钮、输入框）和高级组件（如日历、下拉刷新）。
安装方式：通过HBuilderX直接导入或npm安装。
特点：与uniapp生态高度兼容，文档详细，更新及时。

2. 第三方组件库（如uView UI）
uView UI是流行的第三方uniapp组件库，提供丰富的UI组件和工具函数，强调高自定义性。
安装命令：

npm install uview-ui

配置需在main.js中引入并注册，同时在uni.scss中引入主题文件。

3. 自定义公共组件
在components目录下创建复用组件，通过easycom规范自动导入。例如创建my-button.vue：

<template>
  <button class="my-btn" @click="$emit('click')">
    <slot></slot>
  </button>
</template>
<script>
export default {
  name: 'my-button'
}
</script>

其他页面直接使用<my-button>点击</my-button>，无需手动导入。

4. 注意事项

• 多端兼容性测试：部分组件可能需针对不同平台调整样式或逻辑。
• 性能优化：避免过度嵌套组件，合理使用v-if和v-show。
• 版本管理：第三方库需锁定版本号（如^1.0.4），防止升级导致兼容性问题。

5. 其他资源

• ColorUI：专注视觉效果的组件库，适合强调设计的项目。
• ThorUI：包含行业模板（如电商、社交），加速业务开发。
• 插件市场：DCloud官方插件市场提供大量付费/免费组件（如地图、支付）。