不在v-for里面 会出现错误提示的图片 about vue-lazyload HOT 10 CLOSED

Vue.use(lazyload, {
  error: '../static/lazyload/error.png',
  loading: '../static/lazyload/loading.gif',
  try: 1 // default 1
})

<template>
  <div class="hello">
    <h1>{{ msg }}</h1>
    没有v-for
    {{imgdata[0]['fdcImage']}}
    <img v-lazy="imgdata[0]['fdcImage']">
    有v-for
    <img v-for="v in imgdata" v-lazy="v.fdcImage">
  </div>
</template>

<script>
export default {
  data () {
    return {
      msg: 'Hello World!',
      imgdata:[],
    }
  },
  ready:function(){
    this.getData()
  },
  methods:{
    getData:function(){
      var _this = this
      setTimeout(function() {
        _this.imgdata = [{"ID": "1", "fdiType": "1", "fdcName": "首页轮播图1", "fdcImage": "http://exy.wzjo2o.com/uploads/slide.png"}]        
      }, 200);

    }
  }
}
</script>