Vue多层级数据变更后页面渲染未变

Question

vue中的data数据如下

pageLists: {
   "aaaa": [
      {"status" : "1"}
   ]
},

页面中根据status判断如果为1时显示文本 AA 如果为2时显示文本BB
但是我用

Vue.set(this.pageLists["aaaa"][0],"status",2)

前端渲染代码为

<span class="fn-right homework_status" v-show="pageLists["aaaa"][0].status==2">BB</span>
<span class="fn-right homework_btn" v-show="pageLists["aaaa"][0].status==1" @click="setHomeWorkStatus(0)">AA</span>

进行更改状态后通过console发现数据已更改，但页面渲染未改变

Answer 1

data只是你手写写错了而已么!?
["status":"1"] => {"status":"1"}

犀利一笑^_^