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

<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中已经定义的属性在运行时依然会报错未定义是为什么呢

我是脑残

我还是没有看出来问题在哪里呢 我也遇到这个错了 data里面也定义了

[Vue warn]: Property or method "_modifyEnable" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.

实际上我写了的

export default {
  data() {
    return {
      visible: false,
      _matchmngid: "",
      _roundno: "",
      _modifyEnable: 0,
      _idRoundtime: "",
      dataForm: {
        key: ""
      },
      dataList: [],
      pageIndex: 1,
      pageSize: 10,
      totalPage: 0,
      dataListLoading: false,
      dataListSelections: [],
      addOrUpdateVisible: false
    };
  },

你上边遍历循环的时候   this.Pic   直接改成Pic