v-for-Vue.js内のオブジェクトの配列に新しいプロパティを動的に追加する方法

Question

v-forの中にオブジェクトの配列に追加のプロパティ（showMore）を動的に追加したいと思います。私はより多くのショーをクリックして、オブジェクトの配列（student）に1つの以上の特性（showMore）を追加してい

this.students = [ 
{ 
name: 'anonymous', 
class: 'Sixth', 
otherInfo: "..." 
}, 
{ 
name: 'anonymous2', 
class: 'Sixth', 
otherInfo: "..." 
} 
] 
<div v-for="student in students"> 
    <div>{{obj.name}}</div> 
    <div>{{obj.class}}</div> 
    <div @click="obj.showMore = true">Show more +</div> 
    <!-- it was possible in angularjs. is it possible in vuejs ?--> 
</div> 

ここ

：それは次のようにv-forの内側にそれを行うことが可能です。 v-forの中で可能ですか？そうでない場合はどのようにこれを達成するか（ベストプラクティスで）？

Answer 1

確かに、しかし反応しません。あなたがいることをしたい場合は、使用する必要があります。

vm.$set(target, key, value) 

https://vuejs.org/v2/guide/reactivity.html#Change-Detection-Caveats