前端Wiki/词条/Vue 是什么

Vue 是什么

定义渐进式的 JavaScript 前端框架：从页面增强到单页应用，按需引入复杂度

Vue（2014 年尤雨溪发布）的「渐进式」定位是它与 React/Angular 最大的气质差异：只想给一个 DOM 加交互？引一个 vue.js 用Options API 就够；要做单页应用？上 Vue Router + Pinia + Vite 全家桶；要 SSR？Nuxt。可以只学一层、只用一层，框架不强迫你接受全部约定。

技术骨干是「响应式数据 + 模板编译 + 虚拟 DOM」：data 变了视图自动更新，开发者只操作数据不操作 DOM，这叫声明式渲染。Vue 3 重写了响应式（Proxy 替代 defineProperty）并推出组合式 API，性能与大型项目组织能力双双升级。

渐进式：从「页面局部增强」到「完整 SPA」按需取用
核心思想：响应式数据 + 模板 + 虚拟 DOM，数据驱动视图
Vue 3 = Proxy 响应式 + 组合式 API，2 与 3 的主要差异也在这

HTML

<div id="app">
  <p>{{ msg }}</p>              <!-- 声明式渲染 -->
  <button @click="msg = '变了'">改变</button>
</div>
<script>
  const { createApp, ref } = Vue;
  createApp({
    setup() {
      const msg = ref('你好');  // 响应式数据
      return { msg };
    },
  }).mount('#app');             // 一行挂载
</script>

⚠ 常见误区

把 Vue 当「jQuery 加强版」：改了数据又手动改 DOM，两边打架
渐进式理解反了：一来就上全家桶，小页面被搞成重型工程
混合 Vue 2 与 Vue 3 语法（defineProperty 思维写 Proxy 时代代码）

🔗 相关词条组合式 API ref 与 reactive 单文件组件 SFC