<img> v-bind:src不能成功渲染

Question

比如我一个页面的初始化数据里定义一个空对象

 data () {      return {        community: {},
      }
    },

而我的<img>标签的写法是

<img class="uploadImageDiv" mode="aspectFill" :src="community.avatarUrl"/>

当我第一次给community赋值的时候

this.community.avatarUrl = 'XXXXX.png'

讲道理img标签会立即渲染吧？ 但是并没有。为什么呢？
估计跟我定义了一个对象有关? 因为我如果直接在data里定义一个avatarUrl='XXXXX.png'且 <img class="uploadImageDiv" mode="aspectFill" :src="avatarUrl"/>的时候是可以直接渲染的