vue循环时报了两个错误

Question

:key=index这个index不就是number类型吗？为什么还会报第一个错误？
第二个报错是怎么回事？为什么注释掉这个子组件就不报错了？

<div class="blog" v-for="(items, index) in all" :key=index>
            <Content :userContent="items.content"></Content>
            <Info :info="items.info"></Info>       //把这行注释掉所有报错就都没有了
</div>

data () {
    return {
      all: [
        {content: {a: 111, b: 'ccc'}, info: {a: 111, b: 222, c: 333}},
        {content: {a: 111, b: 'ccc'}, info: {a: 111, b: 222, c: 333}}
      ]
    }
}

Answer 1

报错其实都是出在Info这个组件里面，到这里面查找一下key=""。看下这个key的赋值情况

Answer 2

:key="index" 请加上双引号

Answer 3

建议题主使用　:key="item+index",来进行区分key值