vue项目中v-if和v-for哪个级别更高

vue项目中v-if和v-for哪个级别更高，下面web建站小编给大家详细介绍一下！

v-if指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回true值的时候被渲染。

v-for指令基于一个数组来渲染一个列表。v-for指令需要使用item in items形式的特殊语法，其中items是源数据数组或者对象，而item则是被迭代的数组元素的别名。

v-if和v-for哪个级别更高

v-for优先级比v-if高

<div id="app">
  <template v-if="isShow">
    <p v-for="item in items">{{item.title}}</p>
  </template>
</div>

ps：不要把v-if和v-for同时用在同一个元素上，原因：v-for比v-if优先级高，每一次都需要遍历整个数组，造成不必要的计算，影响性能。