不添加key的时候,代码如下
<div id="app">
<div class="content">
<h2>你最喜欢的女明星:</h2>
<input type="text" v-model="actorName" />
<button @click="add">添加其他喜欢的女明星</button>
<ul>
<li v-for="item in list">
<input type="radio" />
{
{item}}
</li>
</ul>
</div>
</div>
<script src="vue.js"></script>
<script>
//关于v-for中key的重要性分析
const vm = new Vue({
el: '#app',
data: {
actorName: '',
list: ['刘亦菲', '赵奕欢', 'angerlababe', '刘涛'],
},
methods: {
add() {
this.list.push(this.actorName)
},
},
})
</script>