前端框架和库的区别，对比Vue和JQuery，一分钟了解

这两年转项目管理了，很久没写代码。最近难得有空，打算学一学Vue3。

之前一直做后端，没用过Vue，写页面都是走的服务端渲染模板的方式。要做js操作，直接用JQuery就行，开箱即用没有学习成本。

现在前后端分离的方案已经是主流了，后端专注写API。所以涌现了很多前端框架，Vue是最热门的前端框架之一。现在我们的所有开源产品前端都是基于Vue构建的。

前后端分离

Vue是框架，它和JQuery这样的库有什么区别呢？

从定义来看：

库是集合了某些对象、方法和函数的工具箱，用于解决具体问题或者满足特定范围的开发，我们只要清楚工具箱的使用方式，就可以调用工具箱的工具完成操作。

框架是一套架构和方法论，涵盖了整个开发过程的方方面面，是一个完整的开发解决方案，它的范围覆盖了库。

框架和库

从使用来看：

两者有完全不同的用法。对于库，我们是写代码，调用了库的方法，完成某个操作。对于框架，我们是写代码，放在了框架里面，框架执行了代码，完成某个操作。

核心区别就是控制权不同：我们调用库，框架调用我们，框架实现了控制权反转。用一张图来说明。

控制反转

举个生活上的例子：

做菜的时候，买了菜，调料，锅铲，刀具。我们把菜洗干净，切好，放锅里炒熟再放调料装盘。我们是主体，使用工具，做一道菜。

踢球的时候，联赛制定了规则，安排了裁判。我们什么时候踢，做什么动作，结果怎么认定都有规则。联赛是主体，我们依据制度踢比赛，赢得冠军。

知道框架和库的区别之后，需要先转变以往的开发思维，这样才方便开启Vue3之旅。