VUE-一个渐进式的JavaScript框架 VUE-一个渐进式的JavaScript框架

我的博客

文章图片

渐进式？

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

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

文章图片

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

文章图片

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

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

在网上看到一个非常形象的举例：
假如我们要买一台电脑，框架为我们提供了已经装好的电脑，我们只要买回来就能用，但前提是你必须把整个电脑要买回来。另外，我们还必须根据框架设定的使用规则来使用电脑。虽然这样用户可能轻松许多，但会导致很多人用一样的电脑，或你想自定义某个部件将需要修改这个框架。
【VUE-一个渐进式的JavaScript框架】而库就如自己组装的电脑。库为我们提供了很多部件，我们需要自己组装，如果某个部件库未提供，我们也可以自己做。
也就是说，库是松散的，但自由支配度高。框架是封装的，什么都帮你定义好了，但是自由度就肯定低了。