vue.js有哪些特色？

Vue.js的主要特點：1、輕量級，腳本非常輕便，效能也非常快；2、雙向資料綁定；3、指令，當其表達式的值改變時相應地將某些行為應用在DOM；4、元件化，可擴充HTML元素，封裝可重複使用的程式碼；5、客戶端路由；6、狀態管理。

Vue.js（讀音/vju：/，發音類似view）是一套建立使用者介面的漸進式框架。與其他重量級框架不同的是，Vue 採用自底向上增量開發的設計。

Vue 的核心函式庫只專注於視圖層，而且非常容易學習，也非常容易與其他函式庫或已有專案整合。 Vue 完全有能力驅動採用單一文件元件和 Vue 生態系統支援的函式庫開發的複雜單頁應用。

Vue.js 還提供了MVVM 資料綁定和一個可組合的元件系統，具有簡單、靈活的API，其目標是透過盡可能簡單的API 實現響應式的資料綁定和可組合的視圖組件。

我們也可以說 Vue.js 是一套響應式系統（Reactivity System）。資料模型層（Model）只是普通 JavaScript 對象，如下圖所示，{ }代表一個 JavaScript 對象，修改它則更新相應的 HTML 片段（DOM），這些 HTML 片段也稱為“視圖（view）”。這會讓狀態管理變得非常簡單且直觀，可實現資料的雙向綁定，所以我們也稱之為響應式系統。

Vue.js 的主要特點

Vue.js 是優秀的前端介面開發JavaScript庫，它之所以非常火，是因為有眾多突出的特點，其中主要的特點有以下幾個。

1) 輕量級的框架

Vue.js 能夠自動追蹤依賴的模板表達式和計算屬性，提供MVVM 資料綁定和一個可組合的組件系統，具有簡單、靈活的API，讓讀者更容易理解，能夠更快上手。

2) 雙向資料綁定

宣告式渲染是資料雙向綁定的主要體現，同樣也是Vue.js 的核心，它允許採用簡潔的模板語法將資料聲明式渲染整合進DOM。

3) 指令

Vue.js內建了許多指令，例如：v-if，v-else，v-show，v-on，v-bind和v-model，這些指令用於在前端執行各種操作。

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 重新渲染，形成一個單獨的元件。

相關推薦：

2020年前端vue面試題大匯總（附答案）

vue教程推薦：2020最新的5個vue.js影片教學精選

更多程式相關知識，請造訪：程式設計課程！ ！

以上是vue.js有哪些特色？的詳細內容。更多資訊請關注PHP中文網其他相關文章！