当大家使用vue的时候肯定遇到过这种情况,使用src路径获取图片资源
<li v-for="item in list" >
<div class=“img”>
<img src="{{item.url}} alt={{item.name}} >
</div>
</li>
这样虽然可以获得显示图片,但是在控制台会输出错误
因为在vue不工作的时候,会自动认为src指向的是一个地址,就会请求这个地址,但这实际是个表达式。
我们可以按照错误提示进行改正
<li v-for="item in list" >
<div class=“img”>
<img v-bind:src="item.url" alt={{item.name}} >
</div>
</li>```