26、VUE中演示v-for为什么要加key

最新推荐文章于 2024-07-04 09:54:33 发布

原创

最新推荐文章于 2024-07-04 09:54:33 发布 · 478 阅读

0 ·

CC 4.0 BY-SA版权

说到这个问题想必要举个例子了

没有key

 <div id="app">
    <div>
      <input type="text" v-model="name">
      <button @click="add">添加</button>
    </div>
    <ul>
      <li v-for="(item, i) in list">
        <input type="checkbox"> {
   
   {item.name}}
      </li>
    </ul>
<script>
    // 创建 Vue 实例，得到 ViewModel
    var vm = new Vue({
      el: '#app',
      data: {
        name: '',
        newId: 3,
        list: [
          { id: 1, name: '李斯' },
          { id: 2, name: '吕不韦' },