Vue.js computed 目標是陣列的注意事項

結論

善用 vm.$set 或 Vue.set ，不要偷懶。

這樣你就會得到想要的結果。

緣由

一個 computed 內容如下。

abc: function(){

    return this.array1.some(

        function(v, i, a){

            return v === 1;

        }

    );

}

在變更 array1 的內容後，abc 都沒更新。

方案

其實之前就踩過好幾次了...

參考 https://vuejs.org/v2/guide/reactivity.html 及 https://vuejs.org/v2/api/#Vue-set 。

this.$set(this.array1, index, value);

人笨啊，就會一直跌倒。