2019-11-29component 和template 结合

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是数字不显示。

4、变异方法 (mutation method)

Vue 将被侦听的数组的变异方法进行了包裹，所以它们也将会触发视图更新。这些被包裹过的方法包括：

push()

pop()

shift()

unshift()

splice()

sort()

reverse()

你可以打开控制台，然后对前面例子的 items 数组尝试调用变异方法。比如 example1.items.push({ message: 'Baz' })。

splice(index,len,[item])它也可以用来替换/删除/添加数组内某一个或者几个值（该方法会改变原始数组）

index:数组开始下标       

 len: 替换/删除的长度       

item:替换的值，删除操作的话 item为空