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