我的部落格

漸進式？

Vue.js（讀音 /vjuː/，類似於 view） 是一套構建使用者介面的漸進式框架。

這句話你可能並不陌生，但你未必真正讀懂了它。 我們注意到這句話中有一個被作者高亮的詞語—漸進式框架，其實明白了這個詞語的意思，也便讀懂了這句話，從而也就理解了Vue的核心理念。

那麼漸進式框架究竟是什麼意思呢？

什麼是框架，什麼是庫？

為了應對以上問題，開發人員重新梳理了程式碼的組織結構，把JS程式碼劃分為三個板塊，資料（M)、檢視(V)、 邏輯控制(*)。 資料板塊只含有資料內容，視圖板塊只負責更改樣式，邏輯控制負責聯絡視圖板塊和資料板塊和相應的邏輯，如下圖所示。 這樣程式碼結構組織的好處是顯而易見的，當需求發生變動時，只需要改動相應的板塊即可。還是拿上文中提到的記錄圖片點選次數的需求為例，這是重新組織後的程式碼

demo，可以看到這次程式碼變得清晰易懂，而且你自己也可以去設想再增加某些需求，來看看需要改動程式碼的程度。

要注意的是，框架與我們的庫概念是不一樣的。

框架（Framework） ，庫（Library，簡寫Lib）

在網上看到一個非常形象的舉例：

假如我們要買一臺電腦，框架為我們提供了已經裝好的電腦，我們只要買回來就能用，但前提是你必須把整個電腦要買回來。另外，我們還必須根據框架設定的使用規則來使用電腦。雖然這樣使用者可能輕鬆許多，但會導致很多人用一樣的電腦，或你想自定義某個部件將需要修改這個框架。

而庫就如自己組裝的電腦。庫為我們提供了很多部件，我們需要自己組裝，如果某個部件庫未提供，我們也可以自己做。

也就是說，庫是鬆散的，但自由支配度高。框架是封裝的，什麼都幫你定義好了，但是自由度就肯定低了。

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

漸進式

所謂漸進式，你可以理解為：

就是一開始不需要你完全掌握它的全部功能特性，可以後續逐步增加功能。沒有多做職責之外的事情

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

有興趣去深入理解一下的話，可以看看這：

(vue) => {漸進式}

什麼是漸進式前端開發框架？