v-if和v-for哪个优先级高？

首先说一下，为什么v-for优先级高于v-if？

在vue.js的11008行中,genElement函数里,是先进行v-for的判断是否执行的,

后再v-if判断

---

所以v-for和v-if一起用,会先执行v-for的渲染,
每次渲染都会进行v-if的判断

造成了性能浪费,每次先渲染后判断(如果是false又再删除,很浪费性能的)

---

解决方案
<template v-if="bol">
    <div v-for="(item,index) in arr" :key="index"></div>
</template>