Vue中的v-for和v-if为什么不能写在一起

v-for优先级高于v-if，如果v-for和v-if写在一起，会先执行v-for，循环出列表，然后用v-if判断每一个列表项

应该使用计算属性，先将不需要的值过滤掉

// DOM
<ul>
  <li v-for="item in filterList" :key="item.id">
  {{ item.name }}
  </li>
</ul>

// 计算属性
computed: {
  filterList: function () {
  return this.showData.filter(function (data) {
    return data.isShow
  })
}