vue 响应式修改数据（对象、数组）及难点（坑）

今天做东西感觉真慢，不过全程都在思考，也值了。。。。。。。。。。。。

其中遇到一个问题是这样，直接上代码：

<span class="titlename" @click="Open($event)" :data-num="item.stateId">{{item.name}}</span>

<mt-cell v-show="listboolea[item.stateId-1]" title="标题文字" value="说明文字"></mt-cell>

data(){

return{

listboolea: [false,false,false]

}}

Open(e,num) {

let sortnum = e.target.getAttribute("data-num");

this.listboolea[sortnum - 1] = !this.listboolea[sortnum - 1];

console.log(this.listboolea);

},

 控制台打印跟操作一模一样，但是视图却没有更新，搞半天才找出原因。。。。。。。

结果就使用了一下搜索引擎。链接如下：https://blog.csdn.net/qq_33576343/article/details/82794555

在这里记录一下