Vue 原理简析

优质
小牛编辑
120浏览
2023-12-01

本篇笔记先简析Vue大致流程,细节实现在后续再慢慢研究。

Vue的三个关键词:MVVM、渐进式、响应式

MVVM

Model、View、ViewModel。其中Model和ViewModel互相映射,View和ViewModel互相绑定,其中ViewMode是核心,但这一块由Vue包揽了,大部分时间我们只关心Model就够了。

渐进式

渐进式框架,我的理解通俗一点讲:

  • 你可以在任何阶段使用Vue。页面上的一个弹窗 => 某个单页面 => 复杂的页面应用 => 复杂的一套web解决方案
  • 你不必各个层都使用Vue,仅需要View层?可以,自己写好VM即可
  • 核心库相对简单,更多的路由/ajax/数据流管理,在需要的时候可以自己引用;单纯核心库,也可以高效的运行

响应式

深入响应式原理

响应式原理图

Vue中从数据到视图,可以简单分为几大块:Data监听与更新VisualDOM && RenderWather的实现。在随后几篇笔记中会分块分析每一步的实现。