vue框架的學習

vue框架

“Vue.js(/vju?/,或簡稱為Vue)是一個用于創建用戶界面的開源JavaScript框架,也是一個創建單頁應用的Web應用框架。”

vue的兼容性

Vue.js 不支持 IE8 及其以下版本，因為 Vue.js 使用了 IE8 不能模擬的 ECMAScript 5 特性。 Vue.js 支持所有兼容 ECMAScript 5 的瀏覽器。

隨著使用的深入我逐漸理解到框架的好處:

1.組件化: 其中以 React 的組件化最為徹底,甚至可以到函數級別的原子組件,高度的組件化可以是我們的工程易于維護、易于組合拓展。

2.天然分層: JQuery 時代的代碼大部分情況下是面條代碼,耦合嚴重,現代框架不管是 MVC、MVP還是MVVM 模式都能幫助我們進行分層，代碼解耦更易于讀寫。

3.生態: 現在主流前端框架都自帶生態,不管是數據流管理架構還是 UI 庫都有成熟的解決方案。

對比其他框架-angular

在性能方面，這兩個框架都非常的快，我們也沒有足夠的實際應用數據來下一個結論。如果你一定想看些數據的話，你可以參考這個第三方跑分。單就這個跑分來看，Vue 似乎比 Angular 要更快一些。

在大小方面，最近的 Angular 版本中在使用了 AOT 和 tree-shaking 技術后使得最終的代碼體積減小了許多。但即使如此，一個包含了 vuex + vue-router 的 Vue 項目 (30kb gzipped) 相比使用了這些優化的 Angular CLI 生成的默認項目尺寸 (~130kb) 還是要小的多。

靈活性：Vue 相比于 Angular 更加靈活，Vue 官方提供了構建工具來協助你構建項目，但它并不限制你去如何組織你的應用代碼。有人可能喜歡有嚴格的代碼組織規范，但也有開發者喜歡更靈活自由的方式。

vue優缺點

其實Vue.js不是一個框架，因為它只聚焦視圖層，是一個構建數據驅動的Web界面的庫。

Vue.js通過簡單的API（應用程序編程接口）提供高效的數據綁定和靈活的組件系統。

Vue.js的特性如下：

1.輕量級的框架（相對而言）

2.雙向數據綁定

3.指令

4.插件化

優點： 1. 簡單：官方文檔很清晰，比 Angular 簡單易學。（國內框架，demo，文檔多）

2. 快速：異步批處理方式更新 DOM。（同時進行）

3. 組合：用解耦的、可復用的組件組合你的應用程序。（功能由不同的單個功能組件構成）

4. 緊湊：~18kb min+gzip，且無依賴。

5. 強大：表達式 & 無需聲明依賴的可推導屬性 (computed properties)。

6. 對模塊友好：可以通過 NPM、Bower 或 Duo 安裝，不強迫你所有的代碼都遵循 Angular 的各種規定，使用場景更加靈活。

缺點： ?1. 新生兒：Vue.js是一個新的項目，沒有angular那么成熟。

2. 影響度不是很大。

3. 不支持IE8。

4. 無成名庫。

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。