vueリクエストされたデータのいずれかの値を変更する方法

JavaScriptの制限のため、Vueは以下の変動する配列を検出できません:インデックスを使用して直接1つの項目を設定すると、例えばvm.items[indexOfItem] = newValue配列の長さを変更すると、例えば:vm.items.length = newLengthにある

import Vue from 'vue'
export default {
    data () {    
        return {
            list : [ 1, 2, 3, 4],
            list2 : [ 7, 8, 9, 0 ]
        }
    },
    methods : {
        //                    
        changeList () {
            this.list[2] = 3
        },
        //                    
        changeList2 () {
            this.length = 1
        },
        //        ，vue.set       ，            vue 
        // 1              
        // 2           
        // 3           
        //     Vue.set(example1.items, indexOfItem, newValue)
        change3 () {
            Vue.set(this.list,1,0)
        },
        //   Array.prototype.splice                       
        //          ，      
        change4 () {
            this.list.splice(1,1,5)
        }
    }
}

ここでは、操作の問題でコードに直接注釈を書いたので、配列の長さを変えたり、下付きの要素を変えたりする方法をよりよく理解することができます.