Vue新手常犯错误之一:单词写错
<template>
<!-- 注意事项:vue中严格要求,单标签必须闭合 / -->
<div>
<div id="box">
<!-- 存放在public目录下的文件,都通过根目录访问 -->
<img src="/img/1_lg.jpg" alt="" />
<div>
<img
vv-for="(item,index) in items"
:key="index"
:src="`/img/${item.sm}`"
alt="" />
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return{
items:[
{lg:"1_lg.jpg",sm:"1_sm.jpg"},
{lg:"2_lg.jpg",sm:"2_sm.jpg"},
{lg:"3_lg.jpg",sm:"3_sm.jpg"},
{lg:"4_lg.jpg",sm:"4_sm.jpg"},
{lg:"5_lg.jpg",sm:"5_sm.jpg"},
],
};
},
}
</script>
<style lang="scss" scoped>
</style>
第一次不加key,没见报错,但效果图没出来,仔细一看原来是遍历vv-for 打多了一个字母