VUE-一个渐进式的JavaScript框架

我的博客icon-default.png?t=M4ADhttps://www.ideaopen.cn/

渐进式?

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

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

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

什么是框架,什么是库?

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

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

框架(Framework) ,库(Library,简写Lib)

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

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

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

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

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

渐进式

所谓渐进式,你可以理解为:

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

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

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

(vue) => {渐进式}

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

猜你喜欢

转载自blog.csdn.net/qq_60750453/article/details/124966225