壹，情景的運用
1.傳統組件使用的特點:
2.常規組件只能在指定的地方渲染組件，這在壹些特殊的場景中是有限制的，比如:
第二，用法
創建Vue實例時，總是有壹個選項el來指定實例的根節點。如果未寫入el選項，則組件處於未安裝狀態。Vue.extend的作用是基於Vue構造函數創建壹個子類。它的參數和new Vue的參數基本相同，但data是壹個像組件壹樣的函數。使用$mount，組件可以被渲染並掛載到任何指定的節點，比如body。
要達到同樣的效果，除了使用extend，還可以直接創建vue的實例，使用Render函數渲染壹個. Vue組件。這樣，妳就可以使用。vue來寫復雜的組件，也可以根據需要傳入合適的道具。渲染後，操縱渲染實例也非常簡單。
需要註意的是，mount手動渲染的組件需要被$destroy銷毀才能手動銷毀實例。如果需要，可以使用removeChild從DOM中移除節點。
三、實戰1-如何動態渲染組件的？vue文件
1.界面設計:常規。vue文件包含三個部分，模板，腳本和樣式。當使用extend構造組件實例時，其選項模板對應於
意識到
(1)創建顯示目錄並創建新的display.vue文件。
(2)父代傳遞的代碼被分割存儲在數據的html、js和css中。
(3) this.js是壹個字符串，可以通過new Function(this.js)轉換成對象類型。
(4)用extend構造壹個實例，安裝在組件的節點上。
(5)加載css就是創建壹個style標簽，然後在裏面寫css，插入頁面頭部。當這個代碼改變或組件被破壞時，為了便於移除動態創建的樣式標簽，隨機id被添加到每個樣式標簽用於識別。
(6)在beforeDestroy鉤子中手動銷毀extend和css創建的實例。
3.這個動態呈現的顯示組件可以用來做什麽？
比如寫壹套vue組件庫文檔，傳統的方法是在開發環境中寫壹個. Vue文件，然後編譯打包，上傳資源，上線。如果妳想修改哪怕壹個標點符號，妳必須重新上網。但是對於顯示組件，您只需要提供壹個服務來修改。vue的文件在線，並且可以實時更新，無需打包，上傳和在線。
也可以作為網站，在線寫例子，實時運行。
四、實戰2——如何通過命令調用組件。
有待完善...