組件功能是vue項目的一大特色。組件可以擴展html元素，可以封裝可重用的代碼，可以增加開發效率。它是自定義元素，vue.js的編譯器為它添加特殊功能。有些情況，組件也可以是原生HTML元素的形式，以is特性進行擴展。 那么is特性究竟是什么呢？有什么用途呢？ 其實簡單的來說，因為vue模板 ...

動態組件和異步組件其實在實際開發中是經常需要用到的。之前自己的做法總是根據選中的狀態去判斷該顯示的內容，一直忽略了vue里面本身就有的這么個功能 基本使用： is的值可以食一個已經注冊的組件的名字或者一個組件的選擇對象 如果我們需要頻繁的切換頁面，可以使用keep-alive ...

在動態組件上使用keep-alive 我們之前曾經在一個多標簽的界面中使用is特性來切換不同的組件： Vue.js的動態組件模板 ``` <component v-bind:is="currentTabComponent"></component> //失 ...

渲染一個“元組件”為動態組件。依 is 的值，來決定哪個組件被渲染。 官方文檔 ...

1、.sync 修飾符 　　2.3.0+ 新增 　　vue 修飾符sync的功能是：當一個子組件改變了一個 prop 的值時，這個變化也會同步到父組件中所綁定。類似於v-model的效果 　　例子： 然后父組件可以監聽那個事件並根據需要更新一個本地的數據屬性 ...

何為動態組件，如上代碼所示，即利用 is 特性，來切換不同的組件，即為動態組件。 動態組件保持狀態 有時候，我們希望能保持被動態加載組件的狀態，已避免反復重復渲染導致的性能問題。為了能實現保持組件狀態的功能，我們可以用一個 <keep-alive> 的元素將其 ...

一、什么是組件 組件 (Component) 是 Vue.js 最強大的功能之一。組件可以擴展 HTML 元素，封裝可重用的代碼。 二、組件用法 組件需要注冊后才可以使用，注冊有全局注冊和局部注冊兩種方式。 2.1 全局注冊后，任何V ue 實例都可以 ...

組件之間通信可以用下圖表示： 組件關系可分為父子組件通信、兄弟組件通信、跨級組件通信。 一、自定義事件 當子組件需要向父組件傳遞數據時，就要用到自定義事件。 子組件用$emit （）來觸發事件，父組件用$on（）來監昕子組件的事件。 父組件可以直接在子組件的自定義標簽上使用v-on ...