Vuejs 2個のアイテムが配列内にあり、配列のインデックスが保持されない

Question

私はvueコンポーネント用に反応性のあるデータソースとして提供する要素の配列を持っています（私はvueのchrome拡張でデータを検査しています）：

the view: [A,B,C,D,E] 
the data: [A,B,C,D,E] 

Iは、（B前）新しい位置に項目（D）を移動するので、第Iが所望のインデックスでそれを再挿入し、次いで、spliceと要素を削除：Iだから

the view: [A,D,B,C,E] 
the data: [A,B,C,D,E] 

Chromeビューインスペクタで2番目のコンポーネントを上に移動し、3番目の列を表示しますnが強調表示されます。データの3番目の要素にカーソルを合わせると、ビューで4番目の要素が強調表示されます。

ビューは正しく更新されますが、データの基になるようにしたいと考えています。 配列内の要素はオブジェクトです。

これは参考として渡されたと思いますか？

Answer 1

は、私が代わりにスプライスの私はVUEインスタンス上setとremoveを使用する必要があり、私はそれを見つけたと思う： https://vuejs.org/v2/api/#Vue-set

あなたが直接 インデックスとデータバインド配列の要素を設定しないようにする必要があり、これらの変更はVue.jsによって取得されないためです`[：：、{ 'B' 値} { 'A' 値}] 代わりに、あなたは`のような何かをすることによって自分のために物事を簡単にすることができ、拡張の$ set（）メソッド