vue 2.0 在v-for遍历的下，通过v-if对内容进行筛选过了，怎么得到实际显示的li的个数呢？

Question

<ul>
    <li v-for="book in books" v-if="show(book)">{{book}}</li>
</ul>

怎么写能够获得实际显示的li的个数？
在v-if 里面添加计数没有用，会报错，

You may have an infinite update loop in a component render function.
(found in root instance)

出现死循环

Answer 1

插入文本之外的过滤器-移除

---

computed: {
  filteredBooks: function () {
    return this.books.filter(t => this.show(t))
  }
}

filteredBooks.length

Answer 2

现在业务代码中对 books对象进行数据筛选，然后再丢给template渲染。 而不是把这种业务逻辑丢到template中去。

Answer 3

（book, index) in books