Vue.js特性:1、MVVM模式;2、元件化,可以擴充HTML元素,封裝可重複使用的程式碼;3、指令,作用是當其表達式的值改變時相應地將某有些行為應用在DOM;4、雙向資料綁定;5、虛擬DOM;6、狀態管理。
Vue.js是一套建構使用者介面(user interface)的漸進式框架。與其他重量級框架不同的是,Vue 從根本上採用最小成本、漸進增量(incrementally adoptable)的設計。 Vue 的核心庫只專注於視圖層,並且很容易與其他第三方程式庫或現有專案整合。另一方面,當與單一文件元件和 Vue 生態系統支援的程式庫結合使用時,Vue 也完全能夠為複雜的單頁應用程式提供有力驅動。
Vue.js特性
1、 MVVM模式
M:model,業務模型,用處:處理資料和提供資料。
V:view,使用者介面、使用者視圖。
業務模型model中的資料改變時,使用者視圖view也隨之變化。
使用者視圖view改變的時候,業務模型model中的資料也可以改變。
2、元件化
元件(Component)是 Vue.js 最強大的功能之一。元件可以擴充 HTML 元素,封裝可重複使用的程式碼。
在 Vue 中,父子元件透過 props 傳遞通信,從父向子單傳遞。子元件與父元件通信,透過觸發事件通知父元件改變資料。這樣就形成了一個基本的父子通訊模式。
在開發中元件和 HTML、JavaScript 等有非常緊密的關係時,可以根據實際的需求自訂元件,使開發變得更加便利,可大幅減少程式碼編寫量。
元件也支援熱重載(hotreload)。當我們做了修改時,不會刷新頁面,只是對元件本身進行立刻重載,不會影響整個應用程式目前的狀態。 CSS 也支援熱重載。
3、指令系統
Vue.js 與頁面進行交互,主要是透過內建指令來完成的,指令的作用是當其表達式的值改變時相應地將某些行為應用在DOM 上。
4、雙向資料綁定
宣告式渲染是資料雙向綁定的主要體現,同樣也是Vue.js 的核心,它允許採用簡潔的模板語法將資料宣告式渲染整合進DOM。
5、虛擬DOM
vue.js 2.0開始支援虛擬DOM(vue.js 1.0是操作真實DOM,而不是虛擬DOM),虛擬DOM也可以提升頁面的更新速度。
6、狀態管理
狀態管理實際上是單向的資料流,State 驅動View 的渲染,而使用者對View 進行操作產生Action,使State 產生變化,從而使View重新渲染,形成一個單獨的元件。
7、客戶端路由
Vue-router 是 Vue.js 官方的路由插件,與 Vue.js 深度集成,用於建立單頁應用。 Vue 單頁面應用程式是基於路由和元件的,路由用於設定存取路徑,並將路徑和元件映射起來,傳統的頁面是透過超連結實現頁面的切換和跳躍的。
相關推薦:
更多程式相關知識,請造訪:程式設計入門! !
以上是vue.js特性是什麼?的詳細內容。更多資訊請關注PHP中文網其他相關文章!