Vue的包裹元素標籤template

在此，可以把一個 元素當做不可見的包裹元素。
常用場景如下：

1，比如說當v-for和v-if要在同一個元素上時，而vue又不允許這樣使用，這時而又不想新增一個標籤，這裏，就可以在v-for的外層使用template標籤，在template上使用v-if

<template v-if="true">
     <div v-for="item in list" :key="item.id"></div>
</template>

2，比如說可以用在那些個HTML指定的上下級標籤上，例如，你想在父元素上寫ul,在子元素內寫li時

//父組件
<ul>
     <Item></Item>
</ul>

子組件Item
<template>
    <li></li>
</template>

難道你就沒有疑問，爲什麼在使用vue-cli腳手架時，最上層都會是一個template標籤，如果你知道vue的html元素整體必須包裹在一個標籤內，這個也就是說，我們也可以把這個template標籤換成其它標籤，毫無疑問，可以，但是你會發現當你審查元素時，使用template時，源代碼中沒有這個元素，而使用其它元素時，就會有相應的元素，這就是template標籤相比其它標籤所沒有的優勢，不可見。