不要在同个元素上同时使用`v-if`和`v-for`指令

<div v-for='product in cheapProducts'>

computed: {
  cheapProducts: () => {
    return this.products.filter(function (product) {
      return product.price < 100
    })
  }
}

这么做有几个好处：

渲染效率更高，因为我们不会遍历所有元素

仅当依赖项更改时，才会重使用过滤后的列表

这写法有助于将组件逻辑从模板中分离出来，使组件更具可读性