Vue 核心认知

关联：Vue / 前端工程化 / Javascript

Vue 解决了什么问题

• 以“数据驱动视图”为核心，减少手写 DOM 操作
• 用组件化拆分 UI 与逻辑，降低复杂页面的维护成本
• 配合工程化工具链（Vite/TypeScript/ESLint），让大型项目可协作、可演进

MVVM 的直觉理解

• Model：业务数据与状态
• View：界面呈现
• ViewModel：把状态与 UI 绑定起来的中间层（Vue 负责这部分）

核心效果：状态变化自动驱动 UI 更新（见 Vue3-响应式开发）。

为什么常见组合是 Vue3 + Vite + TypeScript

• Vue3：Composition API 更利于“按业务聚合逻辑”，复用更自然
• Vite：开发时按需编译，启动/热更新更快
• TypeScript：通过静态类型约束，减少运行时错误，提升协作效率（见 TypeScript核心语法）

资料

• [01 Vue的基本理论与核心认知.pdf](file:///d:/Archives/personal/charley-s-garden-repo/tmp/%E6%9C%BA%E5%99%A8%E4%BA%BA%E4%B8%8E%E6%99%BA%E8%83%BD%E7%B3%BB%E7%BB%9F%E7%BB%BC%E5%90%88%E5%AE%9E%E8%B7%B5/01%20Vue%E7%9A%84%E5%9F%BA%E6%9C%AC%E7%90%86%E8%AE%BA%E4%B8%8E%E6%A0%B8%E5%BF%83%E8%AE%A4%E7%9F%A5.pdf)
  行在任意支持 JS 的环境中；它的诞生源于 JavaScript 最初作为网页脚本语言的定位缺陷 —— 仅为简单
  交互设计，无类型约束、弱代码提示，随着前端工程化和大型项目普及，动态类型导致的运行时错误、
  协作维护困难、重构风险高等问题愈发突出，为了解决 JavaScript 在企业级、大型项目中的短板，
  TypeScript 应运而生，通过编译时类型校验提前规避错误，提升代码可读性和可维护性，如今已成为
  Vue3 、 React 、 Node.js 后端等现代前端开发的主流标准。
  Vue3 与 Composition API
  Vue3 核心优势
  Vue 是一款用于构建用户界面的渐进式框架（可以在核心库的基础上根据实际需要逐步增加功
  能）。目前，一共有 3 个大版本，分别是 Vue1 、 Vue2 和 Vue3 。 Vue1 几乎被淘汰了， Vue3 会逐步取代
  Vue2 。使用 Vue3 有以下核心优势：
  性能提升，运行速度比 Vue2 快 1.5 倍，重写虚拟 DOM ，渲染性能提升 50%+ ，内存占用减少，
  支持 Tree-Shaking （按需打包），减小项目体积。
  更好的 TypeScript 的支持，原生支持 TS ，类型推导更完善，解决 Vue2 中 TS 集成繁琐的问题，
  提升代码的可维护性。
  Composition API( 组合式 API) ：替代了 Vue2 中的 Options API ，解决大

资料

• [01 Vue的基本理论与核心认知.pdf](file:///d:/Archives/personal/charley-s-garden-repo/tmp/%E6%9C%BA%E5%99%A8%E4%BA%BA%E4%B8%8E%E6%99%BA%E8%83%BD%E7%B3%BB%E7%BB%9F%E7%BB%BC%E5%90%88%E5%AE%9E%E8%B7%B5/01%20Vue%E7%9A%84%E5%9F%BA%E6%9C%AC%E7%90%86%E8%AE%BA%E4%B8%8E%E6%A0%B8%E5%BF%83%E8%AE%A4%E7%9F%A5.pdf)