Vue3常用的UI框架-移动端

前言

出于移动端访问效率和显示形式与后端的不同，并不建议使用后端的UI框架。

这里推荐几个移动端的UI框架

Vant

https://vant.pro/vant/#/zh-CN/home

特点

• 🚀 性能极佳，组件平均体积小于 1KB（min+gzip）
• 🚀 80+ 个高质量组件，覆盖移动端主流场景
• 🚀 零外部依赖，不依赖三方 npm 包
• 💪 使用 TypeScript 编写，提供完整的类型定义
• 💪 单元测试覆盖率超过 90%，提供稳定性保障
• 📖 提供丰富的中英文文档和组件示例
• 📖 提供 Sketch 和 Axure 设计资源
• 🍭 支持 Vue 2、Vue 3 和微信小程序
• 🍭 支持主题定制，内置 700+ 个主题变量
• 🍭 支持按需引入和 Tree Shaking
• 🍭 支持深色模式
• 🍭 支持服务器端渲染
• 🌍 支持国际化，内置 30+ 种语言包

安装

# Vue 3 项目，安装最新版 Vant
npm i vant

# Vue 2 项目，安装 Vant 2
npm i vant@latest-v2

VUE-WEUI

https://banggx.github.io/vue-weui/

组件预览

https://weui.io/

特点

• 风格跟微信完全一致
• 组件相对较少