Vue JSが1つの配列でデータを変更すると、

Question

私は何が...このvueが必要なのか理解できません！できる場合は をお手伝いください！ これは、「作成」、「読み取り」、「更新」私は4ブールフィールドを持つ例えばcurrentFullDataで

var groupadding = new Vue({ 
el: '#groupAdd', 
data:{ 
    currentFullData: [], 
    localData: [] 
    }, 
    methods: { 
    getDepartment() { 
     var sendData = id; // this is example 
     this.$http.post('some api ', sendData, {emulateJSON: true}) 
     .then(resp => { 
     this.currentFullData = resp.data;  
     } 
    }, 
    getLocalDepartment() { 
    this.localData = this.currentFullData; 
    } 
    } 
}) 

私のコードで、

「を削除」は、この4つのフィールドには、あまりにものlocalDataを取得しますが、とき私はそれらのいくつかのlocalDataの変更、彼らはあまりにもcurrentFullDataの変更!!!!!!!!!!!!!!!

SOOOOOO誰もがWTFはこれです、私を説明できますか？！？！？！

Answer 1

（あなたがthis.localData = this.currentFullData;を書いたように）あなたが実際に同じオブジェクトを変更しているので、これはあなたがcurrentFullDataを使用してthis.localDataを初期化したい場合は、あなたがそれをコピーする必要があり

です：

this.localData = Object.assign({}, this.currentFullData);

質問のhttps://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

Answer 2

感謝を参照してください。問題はvueではなく、データ値 'currentFullData'と 'localData'でもありません。あなたのデータ変数が配列されているとして、あなたはこのthis.localData = this.currentFullDataのように値を割り当てるときに、したがって、その後、this.localDataはthis.currentFullDataへのポインタです。したがって、localDataを変更すると、currentFullDataも変更されます。 したがって、これを避けるために、あなたはthis question about arrays on stackoverflow