关于VUE的一些小知识

关于template这个标题的一点知识

template在vue中是用来写页面的，且内部只有一个根元素，一般的也是如下显示：

<template>
	<div>
	</div>
</template>
<script>
    export default {
        name: "demo"
    }
</script>
<style scoped>
</style>  

有时候还有这种的：

<template>
    <div class="one">
        <!--在template上使用for循环-->
        <template v-for="item,index in 5">
            <div>{{index}}---{{item}}</div>
        </template>
    </div>
</template>

小结：template中可以嵌套新的template，但是根元素只有一个