文章目录完整的实现代码
阶段检测——品牌列表案例 要求
【2一起从零开始学VUE——品牌列表案例】实现过程 1、 循环渲染表格行的数据
①在data中定义需要输出的列表
const vm = new Vue({el:"#app",data:{// 用户输入的品牌名称brand: '',// nextId 是下一个，可用的 idnextId: 4,// 品牌的列表数据list:[{id:1, name:'宝马', status:true, time: new Date()},{id:2, name:'别克', status:true, time: new Date()},{id:3, name:'奔驰', status:true, time: new Date()}]}})
②在tbody中循环渲染表格行的数据（注意：v-for一定要绑定一个:key属性）
{{ item.id }}{{ item.name }}{{item.status}}{{ item.time }}删除
③利用双向数据绑定指令来控制的状态，使用v-if条件渲染指令来控制标签中的内容
{{ item.id }}{{ item.name }}