(自用面试题)Vue中v-if和v-for为什么不建议一起使用?

88 阅读1分钟

v-for优先级比v-if高。当你把v-if和v-for用在同一个元素上时,每次渲染都会先循环再进行条件判断,这带来性能方面的浪费。

拓展:
为了避免出现这种情况,可以在外层嵌套template,在这一层进行v-if判断,然后在内部进行v-for循环。

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