データがアレイに追加されたときにv-forを更新する - VueJS

Question

私はVueJSを少し新しくしているので、私はいくつかの助けを得ることを望んでいました。私は現在、PHPファイルからjsonオブジェクトの配列を返しています。

例：

<?php 
    /* 
    Returns an array similar to this: 
    [ 
     {name: 'foo'}, 
     {name: 'bar'}, 
     {name: 'banana'} 
    ] 
    */ 

    echo json_encode(array_values($array)); 
?> 

そして、私はVueの中のオブジェクトの既存の配列にオブジェクトのこの配列を追加しています：

axios.post('http://localhost/get_array.php').then(response => { 
    // Append returned array to already existing array 
    for (var i = 0; i <= response.data.length - 1; i++) { 
    this.existingArray.push(response.data[i]) 
    } 
}).catch(e => { 
    console.log("Error") 
}) 

は今、私はのためにデータを追加していますVueJSにforループを使用せずに自動的にこれを行う組み込み関数があるのか​​どうか疑問に思っていましたか？

axios.post('http://localhost/get_array.php') 
    .then(response => { 
    this.existingArray = this.existingArray.concat(response.data) 
    }) 
    .catch(e => { 
    console.log("Error") 
    }) 

更新をトリガする必要があり応答データと連結を呼び出した結果とexistingArrayの更新：

Answer 1

新しい連結配列を返す連結を使用することができます。