原理篇---v-for、v-if的渲染

注意：

在渲染过程中v-for优先于v-if被解析，所以这两个指令不要使用在同一个标签上面。如果同时使用，他会每次循环完了再判断，这样会造成性能浪费

v-for、v-if可能会同时使用的两种情况：

1、为了过滤列表中的项（比如v-for="item in list" v-if="item.isActive"）

2、隐藏列表（比如v-for="item in list" v-if="modelshow"）

解决办法：

1、定义一个计算属性（比如activeIist），然后v-for="item in activeIist"

2、把v-if移到外层容器上