在element-ui元件中有一個tabs標籤頁，可以在單頁面中注入多頁面。
但是例子中的頁面只是一行文字，在實際應用開發中我們需要寫入的程式碼很多，如果都寫在該頁面就會非常不美觀，所以這裡我使用了子頁面，並自定義元件載入到單頁面中。
1.在頁面中寫入element-ui元件中的程式碼。
直接把官網上的東西複製下來就行，根據自己需要增加和刪除頁面。

2.定義子頁面
建立一個資料夾存放子頁面，將子頁面檔案創建出來。

3.主頁面引入子頁面

4.註冊子元件，在data同級下寫components

5.在tabs內寫子元件，將官方程式碼中的文字替換為子元件的名稱
一般到這裡都能顯示出子頁面了。

注意：
1：子頁面和父頁面是不共享資料的，意思是，子頁面並不能獲取到父頁面中data的值。如果需要向子頁面傳值，請看這一篇文章：
父頁面向子頁面傳值並簡單判斷資料型別

2：另外，我們可以發現，每次切換標籤，所有的子頁面都會渲染一次。這樣在某些情況下容易出錯，或者佔用過多的網路資源。我們可以用v-if來判斷進行一個選擇渲染優化。
具體方法請看這一篇文章：
優化子頁面每次渲染問題