vscode 使用v-for的时候，报红线(不加key 和加了key 还报红)

第一种报红线原因：不加key

<div v-for="(item,index) in list">
	<span>{{item}}</span>  
</div>
加上 :key="index" 即可解决

第二种报红线原因：加了key，但页面中有多处v-for

<div v-for="(item,index) in list" :key="index">
	<span>{{item}}</span>  
</div>
加上 :key="'only' + index" 即可解决,,中间的字符串可以随意写，ABCD...... 都行

第三种报红线原因：加了key，key也是唯一的，

<div v-for="(item,index) in list"  :key="'only' + index">
	<span>{{item}}</span>  
</div>
这就有可能不是代码的问题，是编辑器vscode的问题，我在其他编辑器打开此文件是不报错的

解决方法：

将 "vetur.validation.template": false 添加到vscode编译器用户设置的文件中

找到setting.json 文件，加上后就不报红线了