vue.js和angular.js的區(qū)別

發(fā)布時(shí)間：2020-06-13 12:53:06 來(lái)源：網(wǎng)絡(luò) 閱讀：1405 作者：liruofang 欄目：開(kāi)發(fā)技術(shù)

關(guān)于Vue的描述

HTML模版+JSON數(shù)據(jù)，再創(chuàng)建一個(gè)Vue實(shí)例，就這么簡(jiǎn)單

關(guān)于A(yíng)ngular的描述

AngularJS是為了克服HTML在構(gòu)建應(yīng)用上的不足而設(shè)計(jì)的。HTML是一門(mén)很好的為靜態(tài)文本展示設(shè)計(jì)的聲明式語(yǔ)言，但要構(gòu)建WEB應(yīng)用的話(huà)它就顯得乏力了。所以我做了一些工作（你也可以覺(jué)得是小花招）來(lái)讓瀏覽器做我想要的事。

由此可以看出Vue比Angular相對(duì)來(lái)說(shuō)簡(jiǎn)單一些，在 API 與設(shè)計(jì)兩方面上 Vue.js 都比 Angular 簡(jiǎn)單得多，因此你可以快速地掌握它的全部特性并投入開(kāi)發(fā)。

Vue.js 是一個(gè)更加靈活開(kāi)放的解決方案。它允許你以希望的方式組織應(yīng)用程序，而不是任何時(shí)候都必須遵循 Angular 制定的規(guī)則。它僅僅是一個(gè)視圖層，所以你可以將它嵌入一個(gè)現(xiàn)有頁(yè)面而不一定要做成一個(gè)龐大的單頁(yè)應(yīng)用。在配合其他庫(kù)方面它給了你更大的的空間，但相應(yīng)，你也需要做更多的架構(gòu)決策。例如，Vue.js 核心默認(rèn)不包含路由和 Ajax 功能，并且通常假定你在應(yīng)用中使用了一個(gè)模塊構(gòu)建系統(tǒng)。這可能是最重要的區(qū)別。
Angular 使用雙向綁定，Vue 也支持雙向綁定，不過(guò)默認(rèn)為單向綁定，數(shù)據(jù)從父組件單向傳給子組件。在大型應(yīng)用中使用單向綁定讓數(shù)據(jù)流易于理解。
在 Vue.js 中指令和組件分得更清晰。指令只封裝 DOM 操作，而組件代表一個(gè)自給自足的獨(dú)立單元 —— 有自己的視圖和數(shù)據(jù)邏輯。在 Angular 中兩者有不少相混的地方。
Vue.js 有更好的性能，并且非常非常容易優(yōu)化，因?yàn)樗皇褂门K檢查。Angular，當(dāng) watcher 越來(lái)越多時(shí)會(huì)變得越來(lái)越慢，因?yàn)樽饔糜騼?nèi)的每一次變化，所有 watcher 都要重新計(jì)算。并且，如果一些 watcher 觸發(fā)另一個(gè)更新，臟檢查循環(huán)（digest cycle）可能要運(yùn)行多次。 Angular 用戶(hù)常常要使用深?yuàn)W的技術(shù)，以解決臟檢查循環(huán)的問(wèn)題。有時(shí)沒(méi)有簡(jiǎn)單的辦法來(lái)優(yōu)化有大量 watcher 的作用域。Vue.js 則根本沒(méi)有這個(gè)問(wèn)題，因?yàn)樗褂没谝蕾?lài)追蹤的觀(guān)察系統(tǒng)并且異步列隊(duì)更新，所有的數(shù)據(jù)變化都是獨(dú)立地觸發(fā)，除非它們之間有明確的依賴(lài)關(guān)系。唯一需要做的優(yōu)化是在 v-for 上使用 track-by。
有意思的是，Angular 2 和 Vue 用相似的設(shè)計(jì)解決了一些 Angular 1 中存在的問(wèn)題。

向AI問(wèn)一下細(xì)節(jié)

vue.js和angular.js的區(qū)別

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽