为什么vue的v-if和v-for不建议一起使用

为什么vue的v-if和v-for不建议一起使用

在进行if判断的时候，v-for是比v-if先进行判断

最终结论：v-for优先级比v-if高

结论

1. 永远不要把 v-if 和 v-for 同时用在同一个元素上，带来性能方面的浪费（每次渲染都会先循环再进行条件判断）
2. 如果避免出现这种情况，则在外层嵌套template（页面渲染不生成dom节点），在这一层进行v-if判断，然后在内部进行v-for循环

<template v-if="isShow">
    <p v-for="item in items">
</template>