Vue 最狠的架介一点，是架介它把“改数据”和“改页面”这两件事绑在了一起。你改一个变量，架介页面上用到它的架介地方自己就变了，不用再手动去抓 DOM。架介2014 年尤雨溪从 Google 出来做这个框架，架介核心动机就是架介觉得当时前端那套 jQuery 手动操作太啰嗦。后来 Vue 2 在国内火得一塌糊涂，架介很多公司招前端直接写“熟悉 Vue 优先”，架介这个局面一直延续到 Vue 3 出来。架介

它的架介模板写法很接近写 HTML。比如你要渲染一个列表，架介就写 v-for="item in list"，架介要绑定一个点击事件，架介就写 @click="handleClick"。架介这些指令本质上是语法糖，Vue 在背后把它们编译成渲染函数。我第一次看 Vue 的模板时觉得这不就是把 Angular 那套搬过来了吗，但用起来确实比 React 的 JSX 更容易让新人上手——HTML 结构一目了然，不用在 JS 里拼标签。

响应式系统是 Vue 的命根子。Vue 2 用 Object.defineProperty 递归地把 data 里的每个属性都转成 getter/setter，这样读取时收集依赖，修改时通知更新。问题也很明显：数组下标赋值、对象新增属性，它监听不到。你得用 Vue.set 或者 this.$set，很多新手在这里踩坑。Vue 3 换成了 Proxy，整个对象代理一层，上面那些限制基本没了。而且 Proxy 可以拦截更多操作，比如 delete、in 判断。这个改动算是 Vue 3 最实在的升级之一。

组件化是另一个重点。一个 .vue 文件里，<template> 写结构，<script> 写逻辑，<style> 写样式，甚至还能加 scoped 让样式只作用于当前组件。这种单文件组件的组织方式，比 React 那种把 JSX、逻辑、样式拆到不同文件或者用 CSS-in-JS 的方案，在中小型项目里更直观。我见过不少从 Vue 转 React 的人，第一反应就是“样式怎么这么麻烦”。

Vue 3 还引入了 Composition API。setup 函数里可以用 ref、reactive、computed、watch 这些组合式函数，把相关逻辑抽到一起。以前 Options API 写大组件，data、methods、computed 分散在不同选项里，改一个功能要来回跳。Composition API 更像在写普通函数，逻辑聚合度更高。不过它也不是没缺点，ref 和 reactive 的边界有时候让人纠结，.value 写多了也烦。尤雨溪自己在直播里也承认，ref 的 .value 确实不够优雅，但暂时没有更好的替代方案。

生态方面，Vue Router 和 Pinia（以前是 Vuex）基本是标配。Vue Router 的路由守卫、懒加载、动态路由，该有的都有。Pinia 比 Vuex 清爽不少，没有 mutation 那一层，直接 state、getters、actions，TypeScript 支持也好很多。Vite 作为构建工具，冷启动速度比 webpack 快一个量级，现在新项目基本默认 Vite。

说点个人观察。Vue 在国内的流行程度远超国外，这跟早期中文文档质量高、社区活跃有很大关系。很多中小公司选 Vue 就是因为招人容易、上手快。但这也带来一个问题：部分 Vue 开发者对底层原理了解不够深，遇到性能问题或者复杂状态管理时容易卡住。框架帮你省了事，但该懂的响应式原理、虚拟 DOM diff 策略，还是得自己补课。

Vue 3 已经稳定好几年了，Vapor Mode 也在推进中，目标是进一步减少运行时开销。如果你现在开始学 Vue，直接上 Vue 3 + Composition API + TypeScript + Vite 这套组合，不用再回头看 Vue 2 的写法了。