一文梳理Vue3核心原理

lxf2023-02-17 01:51:29

一文梳理Vue3核心原理

前言

本篇文章更多是以梳理的视角进行讲述,将各个原理细节串在一起,方便查漏补缺,而非为了讲懂某个原理,当然也会大致讲解。所以如果某个原理不太清楚,请自行查阅其他文章,我也会尽量给出相关的阅读推荐。

==本文阅读需要你有一定的vue应用程序开发经验并了解一些原理==

接下来先废话一下,关注知识点的可以直接跳过前言部分

首先,我们先回到最初的起点是为什么要使用Vue框架,它为我们做了什么工作:

  1. 能开发出一个应用?
  2. 性能好、构建产物轻量?
  3. 对用户友好,声明式代码心智负担小?
  4. 组件化开发?
  5. 社区活跃,生态丰富?
  6. ...

无论是官网介绍的优点,还是网友们提出的优点...首先这些都是毋庸置疑的,这也是一个成熟框架必备的一些属性。

好,我们来说但是:对于一个框架使用者,我们当然希望功能越丰富越好,但是对于一个框架初期学习者,我们则需要的是关注核心链路

就比如<KeepAlive>组件原理我们前期有必要学习吗?除非你目前遇到过这样的问题,否则不建议有限的时间先学它。和玩游戏的道理一样,先做主线任务,再根据时间安排接取一些世界任务...

这也是笔者写本文的原因,在这里我理解最主要的就是要扮演好MVVM中的ViewModel角色:

ViewModel层通过双向数据绑定将View层和Model层连接了起来,使得View层和Model层的同步工作完全是自动的

这也可能为什么这是官网介绍的第一个例子

一文梳理Vue3核心原理

接下来就进入正题,看看框架在背后做了哪些工作