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 }) }