Vue是一套用于构建用户界面的 渐进式框架， 两个核心功能 声明式渲染 和 响应性。
-
渐进式：功能逐级递增，从简单到复杂。
html增强、嵌入组件、路由、状态管理、构建工具
-
开发场景：
- 无需构建步骤，渐进式增强静态的 HTML
- 在任何页面中作为 Web Components 嵌入
- 单页应用 (SPA)
- 全栈 / 服务端渲染 (SSR)
- Jamstack / 静态站点生成 (SSG)
- 开发桌面端、移动端、WebGL，甚至是命令行终端中的界面
1. 声明式渲染
命令式关注过程，比如jq时期，从获取元素，修改属性
声明式关注结果，例如 Vue的模板语法，html与js的关系由Vue内部实现。
- 声明式渲染：Vue 基于标准 HTML 拓展了一套模板语法，使得我们可以声明式地描述最终输出的 HTML 和 JavaScript 状态之间的关系。
- 响应性：Vue 会自动跟踪 JavaScript 状态变化并在改变发生时响应式地更新 DOM。
2. 响应性 借鉴mvvm思想
Vue并没有完全遵守MVVM模型，Vue可以通过 $ref 直接操作dom，跳过数据与视图的绑定。
mvc
用户请求路劲会匹配控制器（Controller） ，通过Service数据库操作查询数据模型（Model） ，拿到数据执行渲染生成视图层（View）
前端借鉴了后端思想，但是数据变化无法同步到视图，需要将 视图与数据绑定的逻辑 聚拢在 controller 层
mvvm 映射关系的简化（简化mvc隐藏controller）
3. 虚拟DOM vnode
用一个对象描述真实DOM。
通过 template模板语法编译、jsx 转换成对象，现在Vue3也支持jsx。
优点：
1.对比差异，减少更新渲染开销。
传统更新页面拼接字符串，再通过innerHTML全部重新渲染。vnode起到一个缓存层效果，更新后先比对新旧虚拟DOM差异，再渲染。
2. 属性少
虚拟DOM属性比真实DOM少很多，性能更好。
3. 跨平台
只需替换DOM的增删改查api
4. 区分编译时(打包)和运行时(浏览器)
编译时，模板 编译成 生成虚拟DOM函数
运行时，调用函数生成虚拟DOM，再通过render函数，渲染成真实DOM
5. 组件化
高内聚、低耦合、单向数据流
