Vue系列教程（十五）品牌管理案例-根据Id完成品牌的删除

删除方法的实现，只需要将Vue系列教程（十四）品牌管理案例-品牌列表的添加功能
中的删除按钮改为如下，并添加删除方法即可：

<a href="" @click.prevent="del(item.id)">删除</a>

del(id) { // 根据id删除数据
                // 1. 如何根据id找到要删除这一项的索引
                // 2. 如果找到索引了，直接调用数组的splice方法
                this.list.some((item, i) => {
                    if (item.id === id) {
                        this.list.splice(i, 1)
                        // 在数组的some方法中，如果return true，就会立即终止这个数组的后续循环
                        return true
                    }
                })
            }

这里除了使用some方法，还有另一种实现方式：

del(id) {
	var index = this.list.findIndex(item =>{
      if (item.id == id){
          return true
       } 
 })
 this.list.splice(index,1)
}
                

推荐阅读：
Vue系列教程（一）基础介绍
Vue系列教程（二）v-cloak、v-text、v-html的基本使用
Vue系列教程（三）v-bind指令
Vue系列教程（四）v-on指令定义事件
Vue系列教程（五）跑马灯效果案例
Vue系列教程（六）事件修饰符
Vue系列教程（七）v-model和双向数据绑定
Vue系列教程（八）v-model实现计算器案例
Vue系列教程（九）属性绑定为元素设置class类样式
Vue系列教程（十）属性绑定为元素绑定style行内样式
Vue系列教程（十一）v-for指令的四种使用方式
Vue系列教程（十二）v-for中key的使用注意事项
Vue系列教程（十三）v-if和v-show的使用和特点
Vue系列教程（十四）品牌管理案例-品牌列表的添加功能