VUE-一个渐进式的JavaScript框架

我的博客

渐进式？

Vue.js（读音 /vjuː/，类似于 view） 是一套构建用户界面的渐进式框架。

这句话你可能并不陌生，但你未必真正读懂了它。 我们注意到这句话中有一个被作者高亮的词语—渐进式框架，其实明白了这个词语的意思，也便读懂了这句话，从而也就理解了Vue的核心理念。

那么渐进式框架究竟是什么意思呢？

什么是框架，什么是库？

为了应对以上问题，开发人员重新梳理了代码的组织结构，把JS代码划分为三个板块，数据（M)、视图(V)、 逻辑控制(*)。 数据板块只含有数据内容，视图板块只负责更改样式，逻辑控制负责联系视图板块和数据板块和相应的逻辑，如下图所示。 这样代码结构组织的好处是显而易见的，当需求发生变动时，只需要改动相应的板块即可。还是拿上文中提到的记录图片点击次数的需求为例，这是重新组织后的代码 demo，可以看到这次代码变得清晰易懂，而且你自己也可以去设想再增加某些需求，来看看需要改动代码的程度。

要注意的是，框架与我们的库概念是不一样的。

框架（Framework） ，库（Library，简写Lib）

在网上看到一个非常形象的举例：

假如我们要买一台电脑，框架为我们提供了已经装好的电脑，我们只要买回来就能用，但前提是你必须把整个电脑要买回来。另外，我们还必须根据框架设定的使用规则来使用电脑。虽然这样用户可能轻松许多，但会导致很多人用一样的电脑，或你想自定义某个部件将需要修改这个框架。

而库就如自己组装的电脑。库为我们提供了很多部件，我们需要自己组装，如果某个部件库未提供，我们也可以自己做。

也就是说，库是松散的，但自由支配度高。框架是封装的，什么都帮你定义好了，但是自由度就肯定低了。

图上的描述非常好，我就直接截图下来了。

渐进式

所谓渐进式，你可以理解为：

就是一开始不需要你完全掌握它的全部功能特性，可以后续逐步增加功能。没有多做职责之外的事情

即：VUE不强求你一次性接受并使用它的全部功能特性

有兴趣去深入理解一下的话，可以看看这：

(vue) => {渐进式}

什么是渐进式前端开发框架？