javascript - vue.js 中的computed属性怎么用

Question

利用vuex实现状态管理，初始化给table的data属性赋值[],页面数据table中的数据是通过comouted来获取data的，在发送请求后获取数据，首先将data重新初始化为[], 然后改变state中data的值为响应数据中的值，为什么页面不会展示data中的数据，利用vue-devtools看到data仍然是[],这是怎么回事？
代码1：INITSQLINFO:(state,uid)=>{

    state[uid].data = [];
},

store中的初始化
代码2：computed：{

    execSQLInfo(){
                    return this.getTabData.data;
                }

}
代码三：
this._initExecSQLInfo(this.uid); 先重新初始化
this.execSQLInfo.push(_resObj); 改变data中的数据；

_initExecSQLInfo 就是调用初始化1中的代码；
execSQLInfo是调用mutation中的函数：ADD_SQL_INFO:(state,uid,resObj)=>{

    state[uid].data.push(resObj);
}

Answer 1

建议看一下官网最基本的 computed 的例子先

Answer 2

不用 Computed:

<p>
  <p v-show="a && (b && (c === 'user' && (d ? e(data) : true)))"></p>
</p>

用 Computed:

<p>
  <p v-show="show"></p>
</p>

  export default {
    computed: {
      show () {
        // 这里还能做更多事情.
        return a && (b && (c === 'user' && (d ? e(data) : true)))
      }
    }
  }

Answer 3

终于明白vue.js在这一块是怎么玩的啦：受 ES5 的限制，Vue.js 不能检测到对象属性的添加或删除。因为 Vue.js 在初始化实例时将属性转为 getter/setter，所以属性必须在 data 对象上才能让 Vue.js 转换它，才能让它是响应的。