关于vue.js:VUE一个渐进式的JavaScript框架

30次阅读

共计 841 个字符,预计需要花费 3 分钟才能阅读完成。

我的博客

渐进式?

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

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

那么渐进式框架到底是什么意思呢?

什么是框架,什么是库?

为了应答以上问题,开发人员从新梳理了代码的组织构造,把 JS 代码划分为三个板块,数据(M)、视图(V)、逻辑管制(*)。数据板块只含有数据内容,视图板块只负责更改款式,逻辑管制负责分割视图板块和数据板块和相应的逻辑,如下图所示。这样代码构造组织的益处是不言而喻的,当需要产生变动时,只须要改变相应的板块即可。还是拿上文中提到的记录图片点击次数的需要为例,这是从新组织后的代码 demo,能够看到这次代码变得清晰易懂,而且你本人也能够去构想再减少某些需要,来看看须要改变代码的水平。

要留神的是,框架与咱们的库概念是不一样的。

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

在网上看到一个十分形象的举例:

如果咱们要买一台电脑,框架为咱们提供了曾经装好的电脑,咱们只有买回来就能用,但前提是你必须把整个电脑要买回来。另外,咱们还必须依据框架设定的应用规定来应用电脑。尽管这样用户可能轻松许多,但会导致很多人用一样的电脑,或你想自定义某个部件将须要批改这个框架。

而库就如本人组装的电脑。库为咱们提供了很多部件,咱们须要本人组装,如果某个部件库未提供,咱们也能够本人做。

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

图上的形容十分好,我就间接截图下来了。

渐进式

所谓渐进式,你能够了解为:

就是一开始不须要你齐全把握它的全副性能个性,能够后续逐渐减少性能。没有多做职责之外的事件

即:VUE 不强求你一次性承受并应用它的全副性能个性

有趣味去深刻了解一下的话,能够看看这:

(vue) => {渐进式}

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

正文完
 0