uniapp和vue有什么区别

核心定位差异

uniapp 是一个基于 Vue.js 的跨端开发框架，核心目标是实现一套代码编译到多端（如微信小程序、H5、App 等）。Vue.js 是专注于构建用户界面的渐进式前端框架，主要用于 Web 开发。

语法与扩展

uniapp 在 Vue 语法基础上扩展了跨平台能力，例如支持条件编译（#ifdef H5）和多端生命周期钩子。Vue 的语法和功能更纯粹，不涉及平台兼容性处理。

组件与 API

uniapp 提供跨平台组件（如 <view>、<swiper>）和 API（如 uni.request），需遵循其规范。Vue 使用标准 HTML 标签和浏览器 API，或通过插件扩展功能（如 Vue Router）。

编译与运行

uniapp 通过编译器将代码转换为各平台原生代码，依赖其开发工具链（如 HBuilderX）。Vue 项目直接运行于浏览器，构建工具（如 Vite、Webpack）仅处理 Web 资源。

适用场景

uniapp 适合需快速覆盖多端的应用，尤其是小程序和轻量级 App。Vue 更适合传统 Web 项目或复杂单页应用（SPA），生态插件更丰富。

代码示例对比

Vue 模板

<template>
  <div @click="handleClick">{{ message }}</div>
</template>

uniapp 模板

<template>
  <view @click="handleClick">{{ message }}</view>
</template>