template的使用

#tag

template的使用的笔记

<ul>
	<div v-for="(item, index) in list">
		<li>{{item}}</li>
	</div>
</ul>

这样会把html标签渲染出来，这不是想要的结果
使用template标签

<ul>
	<template v-for="(item, index) in list">
		<li>{{item}}</li>
	</template>
</ul>

这样渲染出来的效果就是

<ul>
	<li>
		content....
	</li>
	<li>
		content....
	</li>
	.......
</ul>

达到html标签层级少了一层div标签，这样也符合html的规范。