組件是可復用的Vue實例，擁有屬於自己的數據、模板、腳本和樣式，可避免繁重的重復性開發。由於組件都是獨立的，因此其內部代碼不會影響其它組件，但可以包含其它組件，並且相互之間還能通信。 一、注冊 　　在使用組件之前，需要先將其注冊，Vue提供了兩種注冊方式：全局注冊和局部注冊。 1）全局 ...

　　Vuex是一個專為Vue.js設計的狀態管理庫，適用於多組件共享狀態的場景。Vuex能集中式的存儲和維護所有組件的狀態，並提供相關規則保證狀態的獨立性、正確性和可預測性，這不僅讓調試變得可追蹤，還讓代碼變得更結構化且易維護。本文所使用的Vuex，其版本是3.1.1。 一、基本用法 ...

　　雖然Vue.js未提供路由功能，但是官方推出了Vue Router（即vue-router庫），以插件的形式支持。它與Vue.js深度集成，可快速的創建單頁應用（Single Page Application，SPA）。 一、基本用法 　　首先需要引入vue和vue-router兩個庫 ...

　　組件之間除了保持獨立之外，還需要相互通信，本章將介紹幾種通信的方式。 一、直接訪問 　　Vue提供了三個實例屬性，可直接訪問父組件、子組件和根實例，如下所列。 　　（1）$parent：父組件。 　　（2）$root：根實例，如果沒有父實例，那么讀取的將是 ...

　　Vue對DOM元素的class和style兩個特性做了專門的增強，即對CSS類和內聯樣式做了一層封裝，通過v-bind指令來處理它們，而接收的表達式既可以是簡單的字符串、對象或數組，也可以是復雜的計算屬性。不僅如此，Vue還為表單設計了一些語法糖，讓表單處理變得尤為簡單。 一、CSS類 ...

　　Vue提供了一種內容分發技術，可將父組件中的內容傳遞給子組件的模板，實現方式參照了Web組件規范草案。 一、插槽 　　Vue內置了一個<slot>元素，能作為插槽（slot）存在，而插槽內可包含文本、HTML片段、組件等。以下面的btn組件為例，其模板中包含一個< ...

　　Vue.js的核心是通過基於HTML的模板語法聲明式地將數據綁定到DOM結構中，即通過模板將數據顯示在頁面上，如下所示。 　　其中<div>元素的內容是一個模板的插值，vm是一個Vue實例。 一、實例 　　如果要使用Vue的功能，那么需要通過Vue()構造函數 ...

　　除了可通過模板創建HTML之外，Vue還提供了渲染函數和JSX，前者的編碼自由度很高，后者對於開發過React的人來說會很熟悉。注意，Vue的模板最終都會被編譯成渲染函數。 一、渲染函數 　　雖然在大部分場景中，都會選擇直觀而清晰的模板，但遇到一些復雜的場景時，就不得不使用渲染函數 ...