v-if和v-for为啥避免一起用

Posted 2023-04-30

违反奥威，我为什么避免一起用？个一起用的话肯定有相同有不同的不能在一起用的，这两个应该一起用的话应计为引起 参考技术A 请没什么的，我们知道这两个东西确实不是特别兼容的，所以一定要避免一起使用。 参考技术B 梅钢if和梅还说娃必备一起做这个应该是因为她一直用的话就没办法解释了，所以这个应该是不能够把它们放在一起接着再使用呢。

vue v-for 和 v-if v-else一起使用造成的bug

现象：导致v-else 执行v-for的length次数，

从现象看应该v-for先解析，然后将v-if和v-else包在其中

 

解决方案：很简单，tempalte 将v-if v-else 隔离到最外层

<template vi-if>

< v-for>

</template>

<template v-else>

</template>

如此就不会有很奇怪的问题了