vue2：組件內的拼接數據元素數組

Question

我試圖在vue組件中拼接嵌套數據， 我想知道這個方法在這個任務中是否正確，目前的行爲是模板中的數據不更新

template:`{{theData}}`, 

props: ['data'], 

data: function(){ 
theData = this.data; 
return{theData}, 
}, 

methods:{ 
    spliceData : function(index,parent){ 
     this.theData.splice(index,1); 
     return this.theData; 
    } 
} 

我可以使用計算的o觀察者方法嗎？我如果是可以用這些方法來做到這一點相當混亂..

謝謝

Answer 1

似乎是在你發佈的代碼比較少的事情「關」，我不知道你會取回任何東西，我不確定我是否理解這個問題，所以我會按照我的理解重新解釋它。

我可以拼接組件中的數組嗎？

當然，它只是JavaScript你可以傳遞你想要拼接的變量/數組，它會拼接它。

不過，我猜你可能會問什麼是...

我可以拼接作爲道具的子組件傳遞一個變量，並將它在父更新？

的答案是否定的（是）

• 不，你不能在孩子更改數據，並把它在它自己的
• 是家長反映，你還有其他選擇。
  • vuex - 實現數據的單一來源，但如果脫落有點複雜，當你剛剛認識vuex（或流量/終極版）
  • 通功能參數助熔劑庫。這是我看不到經常討論的一種方法，我假設它有很好的理由，但它很有用。
  • 使用使用發出

總線

你可以在google落實這些找出最適合您的，我會說要麼發出一個簡單的應用程序，或vuex更復雜。