博客

1、我第一次的时候加上key，一般都为字符串或者数字，最好不要用对象，也可以用下标赋值给key，加上的例子如下：

 <div v-for="blog in blogs"  class="single-blog"  :key="index">
 

第一次用的时候没有问题，标的红线消失了，可是第二次却没有作用了，于是我就发现要这样写，如下：

 <div v-for="(blog,index) in blogs"  class="single-blog" :key="index">
 

这样可以解决大多数的问题，可是还有一些情况不适用，所以就有了第三种

2、将”vetur.validation.template”: false添加到vscode编译器用户设置的文件中，即可，具体步骤如下:

(1)先在左下角找到设置，打开

（2）找到文件设置，并打开setting.json



（3）、将代码添加到右边的编辑区域中：



红线即可消失！

仅供参考，若有不正确的地方，请指正！