vue.js是基於javascript的,用於建立使用者介面的漸進式框架,採用MIT開源協定。 Vue的核心庫只關注視圖層,採用自底向上增量開發的設計,並且非常容易學習,非常容易與其它庫或已有項目整合。
本文操作環境:windows10系統、vue 2.9、thinkpad t480電腦。
Vue.js 是一套用來建立使用者介面的漸進式JavaScript框架。 Vue 只關注視圖層, 採用自底向上增量開發的設計。相關推薦:《vue.js教學》
Vue 的核心函式庫只專注於視圖層,而且非常容易學習,非常容易與其它函式庫或已有專案整合。另一方面,Vue 完全有能力驅動採用單文件元件和Vue生態系統支援的庫開發的複雜單頁應用。
Vue.js 的目標是透過盡可能簡單的API 實現回應的資料綁定和組合的視圖元件
Vue.js 本身不是一個全能框架-它只聚焦於視圖層。因此它非常容易學習,非常容易與其它庫或已有專案整合。另一方面,在與相關工具和支援庫一起使用時,Vue.js 也能完美地驅動複雜的單頁應用程式。
Vue.js 的主要特點
Vue.js 是一個優秀的前端介面開發JavaScript 函式庫,它之所以非常火,是因為有眾多突出的特點,其中主要的特點有以下幾個。
1) 輕量級的框架
Vue.js 能夠自動追蹤依賴的模板表達式和計算屬性,提供MVVM 資料綁定和一個可組合的元件系統,具有簡單、靈活的API,讓讀者更容易理解,能夠更快上手。
2) 雙向資料綁定
宣告式渲染是資料雙向綁定的主要體現,同樣也是Vue.js 的核心,它允許採用簡潔的模板語法將資料宣告式渲染整合進DOM。
3) 指令
Vue.js 與頁面進行交互,主要是透過內建指令來完成的,指令的作用是當其表達式的值改變時相應地將某些行為應用到DOM 上。
4) 元件化
元件(Component)是 Vue.js 最強大的功能之一。元件可以擴充 HTML 元素,封裝可重複使用的程式碼。
在 Vue 中,父子元件透過 props 傳遞通信,從父向子單傳遞。子元件與父元件通信,透過觸發事件通知父元件改變資料。這樣就形成了一個基本的父子通訊模式。
在開發中元件和 HTML、JavaScript 等有非常緊密的關係時,可以根據實際的需求自訂元件,使開發變得更加便利,可大幅減少程式碼編寫量。
元件也支援熱重載(hotreload)。當我們做了修改時,不會刷新頁面,只是對元件本身進行立刻重載,不會影響整個應用程式目前的狀態。 CSS 也支援熱重載。
5) 客戶端路由
Vue-router 是 Vue.js 官方的路由插件,與 Vue.js 深度集成,用於建立單頁應用程式。 Vue 單頁面應用程式是基於路由和元件的,路由用於設定存取路徑,並將路徑和元件映射起來,傳統的頁面是透過超連結實現頁面的切換和跳躍的。
6) 狀態管理
狀態管理實際上是單向的資料流,State 驅動View 的渲染,而使用者對View 操作產生Action,使State 產生變化,從而使View重新渲染,形成一個單獨的元件。
相關推薦:
更多程式相關知識,請造訪:程式設計影片! !
以上是vue.js是基於javascript的嗎?的詳細內容。更多資訊請關注PHP中文網其他相關文章!