数组的增加函数push() 跟删除函数splice（） 的简单应用， 查找some() ,some也可以顺便查索引， findIndex（）专门查索引

 add() { // 添加的方法
          // console.log('ok')
          // 分析：
          // 1. 获取到 id 和 name ,直接从 data 上面获取 
          // 2. 组织出一个对象
          // 3. 把这个对象，调用 数组的 相关方法，添加到 当前 data 上的 list 中
          // 4. 注意：在Vue中，已经实现了数据的双向绑定，每当我们修改了 data 中的数据，Vue会默认监听到数据的改动，自动把最新的数据，应用到页面上；

          // 5. 当我们意识到上面的第四步的时候，就证明大家已经入门Vue了，我们更多的是在进行 VM中 Model 数据的操作，同时，在操作Model数据的时候，指定的业务逻辑操作；

          var car = { id: this.id, name: this.name, ctime: new Date() }
          this.list.push(car)
          this.id = this.name = ''
        },

 

 

 del(id) { // 根据Id删除数据
          // 分析：
          // 1. 如何根据Id，找到要删除这一项的索引
          // 2. 如果找到索引了，直接调用 数组的 splice 方法

          /* this.list.some((item, i) => {
            if (item.id == id) {
              this.list.splice(i, 1)    // i是索引， 1是删除一个数据，后面如果还有的话是加入的数据
              // 在 数组的 some 方法中，如果 return true，就会立即终止这个数组的后续循环,如果不终止，会继续循环到最后
              return true;
            }
          }) */

          var index = this.list.findIndex(item => {
            if (item.id == id) {
              return true;
            }
          })

          // console.log(index)
          this.list.splice(index, 1)
        },

 

 

下面是在Vue里面的一个实例：

 

 
 
 
 
 
 
 

 

   

     

       

添加品牌

     

     

       
          Id:
         
       

       
          Name:
         
       

       
       

       
          搜索名称关键字：
         
       
     

   

   

     
       
         
         
         
         
       
     
     
       
       
       
       
         
         
         
         
       
     
   

Id	Name	Ctime	Operation
{{ item.id }}		{{ item.ctime }}	删除