美文网首页
2019-11-29component 和template 结合

2019-11-29component 和template 结合

作者: zz云飞扬 | 来源:发表于2019-11-29 15:28 被阅读0次

    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为空

    相关文章

      网友评论

          本文标题:2019-11-29component 和template 结合

          本文链接:https://www.haomeiwen.com/subject/qkrgwctx.html