v-if和v-for的优先级是什么?

20 阅读1分钟

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

结论:v-for优先级比v-if

永远不要把 v-if 和 v-for 同时用在同一个元素上,带来性能方面的浪费(每次渲染都会先循环再进行条件判断)

  • 如果避免出现这种情况,则在外层嵌套template(页面渲染不生成dom节点),在这一层进行v-if判断,然后在内部进行v-for循环
<template v-if="isShow">
    <p v-for="item in items">
</template>