(vue)Property or method "Pic" is not defined on the instance but referenced during render？

Question

<div class="block">
          <el-carousel trigger="click">
            <el-carousel-item style="height: 300px" v-for="item in this.Pic" :key="item.id">
              <img width="705" height="300" :src="item.pic" />
            </el-carousel-item>
          </el-carousel>
        </div>

data () {
    return {
      Pic: [
        {id: '1', name: '1', pic: 'https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2401881700,2342273471&fm=58'},
        {id: '2', name: '2', pic: 'https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2401881700,2342273471&fm=58'},
        {id: '3', name: '3', pic: 'https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2401881700,2342273471&fm=58'},
        {id: '4', name: '4', pic: 'https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2401881700,2342273471&fm=58'}
      ],
            }
        }

在data中已经定义的属性在运行时依然会报错未定义是为什么呢

Answer 1

我是脑残