前端技术知识扫盲篇

Vue 是一个前端框架

用来构建 Web 页面 UI 的 JavaScript 框架，由尤雨溪开发。

• 类似于 Java 的 Spring、PHP 的 Laravel
• 它解决的是「页面结构、交互、组件化开发」问题
• 文件格式通常是 .vue，由 template + script + style 三部分组成

注意：不要用VUE3，组件兼容低、会有很多问题

uni-app （或者叫uni）

uni-app 是 DCloud 公司开发的一套基于 Vue 的跨平台应用框架。

一句话理解：你只需用 Vue 写一套代码，就可以生成多端应用，包括：

1. 微信 / 支付宝 / 百度 / 抖音小程序
2. Web H5 页面
3. Android / iOS 原生 App（基于 nvue 或 WebView）【ps： App（基于 nvue）是 uni-app 提供的一种 原生渲染页面机制，主要用于构建 App原生页面， App（基于 WebView）通过 WebView 渲染 vue 页面】

uni-app 开发微信小程序

uni-app + HBuilderX + 微信开发者工具

模块	功能
vue代码	使用 Vue 语法书写 UI 和逻辑	Vue 页面代码（.vue）
uni-app 框架	写 Vue 风格页面，跨平台运行	uni-app 框架转译 + 页面配置（pages.json）
HBuilderX	图形界面工具，写代码 + 构建平台	HBuilderX 构建生成微信小程序目录（app.json等） 把.vue 转为  .wxml + .js + app.json 等微信标准格式
微信开发者工具	预览/调试微信小程序	微信开发者工具运行、预览、提交审核上线

UI组件库

uView Plus  移动端UI组件【只支持Vue3】

uView Plus 是基于 uni-app 的一套 高颜值、强功能、全端兼容的开源 UI 组件库，由社区团队维护（非官方 DCloud，但质量非常高）。

uView 2.x 移动端UI组件

【只支持Vue2，3】

uni-ui 移动端UI组件

是提供一套轻量、稳定、跨平台兼容的基础组件 ， 由 DCloud 官方出品的 uni-app 专用 UI 组件库 

特性项	uView Plus ✅（推荐）	uni-ui ✅（官方基础组件）
开发团队	开源社区 uview-plus	DCloud 官方 uni-app 提供
组件数量	多（90+）	少（20+）
跨端兼容	✅ 全端兼容（H5、小程序、App）	✅ 全端兼容（较简洁）
主题切换/样式	✅ 支持 SCSS 变量、暗黑模式	❌ 不支持
插件能力	✅ Toast、Modal、Message 等	❌ 需手写
设计风格	精致、美观（接近 TDesign）	简约、基础
维护情况	✅ 活跃社区（更新频繁）	✅ 官方维护（稳）
文档/示例	✅ 全组件演示 + 文档齐全	文档较少、样例较老
二次封装灵活度	高（支持深度定制）	中（部分组件不灵活）
上手难度	中等	简单

element-ui  后台管理界面

Element UI 是饿了么开源的 Vue 2 框架下的中后台组件库，主要用于 PC Web 页面（非小程序/App）。

特点：

- 高颜值、成熟稳定

- 提供完整的表单、表格、弹窗、树形等管理后台常用组件

- 适用于基于 Vue2 构建的管理系统项目（如 vue-admin）

TDesign 

TDesign 是腾讯推出的统一设计体系，支持多个前端技术栈（Vue、React、小程序、Flutter），UI 风格精美，适合中大型企业项目。

但是请不要使用 TDesign。

TDesign 当前没有一套“真正多端统一”的解决方案，而是拆分成：

• tdesign-miniprogram：只支持小程序端
• tdesign-vue / tdesign-react：只支持 Web 端
• 没有 App（nvue）或全端通用版本