~~~ <div id="app"> <transition-group> <div v-for="(item,index) of list" :key="item.id"> {{item.title}} </div> </transition-group> <button @click="handleClick">add</button> </div> ~~~ >[warning] #### transition-group中的列表一定要给key属性 ~~~ var count = 0; var vm = new Vue({ el: "#app", data: { list: [] }, methods: { handleClick() { this.list.push({ id: count++, title: "hello world" + count }) } } }) ~~~