上一篇稍微提到幾項vue的優點,這篇來詳細介紹vue吧!
到vue的官網查看,映入眼簾的第一句話就是「漸進式JavaScript框架」,那什麼是漸進式框架?
漸進式框架(Progressive Framework)
開發時可以依據需求逐步加入vue.js的其他功能,使用者也能選擇其他更適合的路由、狀態管理器等,而非vue官方的(當然vue的核心團隊是推薦用他們官方的啦),小規模的網站或是單頁應用程式皆適用。
而相對於漸進式框架的,則是完整且龐大的框架(Opinionated Framework),其最具代表性的就是Augular,內建路由、狀態管理等等,無須額外配置第三方函式庫,需遵守特定的架構模式,有較為嚴格的規範,雖然限制較多但有助於長期維護及管理,大多是大型企業的專案常使用的架構。
vue的核心功能主要為兩項,「宣告式渲染」、「元件化組件」。
宣告式渲染(Declarative Rendering)
上一篇有提到宣告式渲染就是在HTML(模板)表現JavaScript的狀態(資料),當狀態更新,vue.js會同步更新HTML,不用手動操作DOM。簡單說就是只要在模板寫好想要的畫面狀態,資料改變時框架會自動將畫面渲染成想要的狀態。
這裡提一下什麼是指令式渲染(Imperative Rendering),需要一步步明確寫出該如何達到某個結果,以DOM物件作為導向去處理,傳統的JavaScript和jQuery就是典型的指令式渲染。
總結一下就是
指令式渲染需要一步一步寫指令告訴稱是如何判斷並進行更新動作。
宣告式渲染描述結果後由框架自行處理。
什麼是DOM?
Document Object Model 簡稱DOM,中文翻譯為「文件物件模型」
DOM就是將HTML程式碼轉換成一個樹狀結構,表示出所有元素的層次關係,JavaScript則透過DOM找到需要修改的部分,操作DOM來重新渲染網頁頁面,DOM就像網頁的物件清單,每個ˊ物件都是網頁的一部份,程式用它來控制整個網頁的顯示和行為,DOM式瀏覽器給程式用來操作網頁元素的介面和構造
DOM式網頁互動的基礎,所有動態效果都離不開對DOM的操作。
甚麼是API?
API全名為Application Programming Interface,翻譯為「應用程式介面」
API讓兩個不同的軟體應用程式可以互相溝通和交換資料的一組規則和工具,就像不同軟體間的翻譯員和中介,讓他們能互相發送請求何回應資料。
好的今天先講到這裡,下一篇繼續說vue的另一項核心功能元件化組件。
時候不早了該睡了,各位晚安。