宣告VUE的元件

Vue.component('自訂義名稱-標籤名稱',{
	template:'元件ID名稱#rowComponentTemplate' //自訂
})

宣告好後在html中放入剛剛宣告的自訂標籤

使用 x-template 建立表格元件

把v-for的資料貼進，定義的標籤row-component中，會發現console中裡面的資料都沒有被定義

在Vue.compontent中，宣告props:['自定義名稱']

'元件'內資料與外層不同，所以必須把資料傳進去，item為傳進來的資料

雖然還是沒有畫面顯示，但是可以看到vue當中已經有接收到person的資料

接收到person資料後，就可以將原先的item替換成person

這時候觀看資料顯示正常，但會發現跑版了