Vue.js框架介紹

一、Angular和React框架

1.Angular

Angular更適合開發一些大型應用,其強大之處在於可以把靜態頁面與動態數據綁定起來。該框架擁有良好的項目結構,適合大型項目的開發,但也因此喪失了一些靈活性。值得一提的是,Angular 由於API設計差而長期飽受開發者詬病。

2.React

React是一個構建用戶界面的 JavaScript 庫。React實際上和Vue有些類似,例如都使用虛擬Dom技術,都專注視圖層,都可以靈活的與其它框架配合。由於Facebook在17年修改了開源React的使用許可協議,引起了一些公司的不滿,進而放棄了使用React。

二、Vue.js框架介紹

下面是官方給出的對Vue.js解釋:

<code>Vue.js是一套用於構建用戶界面的漸進式框架 。與其它大型框架不同的是,Vue 被設計為可以自底向上逐層應用。Vue的核心庫只關注視圖層,不僅易於上手,還便於與第三方庫或既有項目整合。另一方面,當與現代化的工具鏈以及各種支持類庫結合使用時
Vue也完全能夠為複雜的單頁應用提供驅動。/<code>

1.漸進式框架

需要什麼就用什麼

從簡單到困難

組件化管理

模塊化的編程方式

2.只關注視圖層

一旦從後端拿到了數據,接下來的事情只需要交給Vue.js的虛擬DOM技術就可以啦!這樣,我們就只需要按照設計稿,寫出相應的HTML元素就可以了。當然,這需要按照Vue.js的語法方式進行書寫。可以說,使用了Vue.js之後,就不需要再像jQuery那樣手動拼接Html的代碼了。

三、談談Vue.js的優點

(1)體積小

以2.6.11版本為例,只有335KB,

(2)更高的運行效率

Vue.js使用了虛擬Dom技術,虛擬Dom技術在JavaScript內存當中計算好了最後一步DOM需要展現出的那種狀態,然後將這個狀態告訴瀏覽器去渲染。這樣就很大程度提升了數據視圖展現的性能和前端用戶的體驗。

(3)雙向數據綁定

雙向數據綁定不是Vue首發,但正是由於雙向數據綁定,我們只需要關注視圖,可以把更多的精力放在業務上。

(4)生態豐富 學習成本低

Vue的社區非常火爆,各種UI組件,動畫效果,現成的Demo應有盡有,直接拿來使用可以實現項目的快速開發。

<code>學習成本:Angular > React > Vue/<code>

四、Vue.js的部署與安裝

Vue的官方比較友好,可以直接前往下載,下載完成後粘貼進項目內即可。

方式1:直接使用
\t
\t
\t\t
\t


分享到:


相關文章: