vue es6语法 使用reduce

reduce 在这里先定义一个数组

注：这边只写了 reduce在这里的使用，这块是写的一个复选框 相对应的代码就没写上来

 todos: [{
      id: '001',
      name: '吃饭',
      done: true
    }, {
      id: '002',
      name: '睡觉',
      done: true
    }, {
      id: '003',
      name: '拉屎',
      done: false
    }],

---

js 在这里添加的时候下面就会把是true的都加上

 // 已完成
    const doneCount = todos.reduce((per, todo) => { return per + (todo.done ? 1 : 0) }, 0)

---

最后在页面上渲染

 <span>已完成{{doneCount}}</span>