1、控制台不报错,初始加入的completed 也能对应get到正确的class, 但是为什么函数@click 对它不起作用?
2、计算computed 的增加
computed:{
remaining:function(){
return this.list.filter(function(task){
return !task.completed;
}).length;
}
}
computed 增加3、实现功能见图片。删除list里的记录,点击文本加上line-through, 统计某个属性的数量,这个数量为0是数字不显示。
Vue 将被侦听的数组的变异方法进行了包裹,所以它们也将会触发视图更新。这些被包裹过的方法包括:
push()
pop()
shift()
unshift()
splice()
sort()
reverse()
你可以打开控制台,然后对前面例子的 items 数组尝试调用变异方法。比如 example1.items.push({ message: 'Baz' })。
splice(index,len,[item])它也可以用来替换/删除/添加数组内某一个或者几个值(该方法会改变原始数组)
index:数组开始下标
len: 替换/删除的长度
item:替换的值,删除操作的话 item为空
网友评论