支持渲染数组与对象

错误示范key<li v-for="(item, index) in 4" :key="index"></li>

循环对象时value在前，key在后，index在最后<li v-for="(value, key, index) in {a: 1}" :key="key"></li>

v-if与v-for不能使用在同一标签

错误示范，只要在一个标签上，无论前后都不行

<li v-if="item === 1" v-for="item in [1, 2, 3]" :key="item"></li>

注意

v-for的优先级比v-if的优先级高，所以每次循环都去对比v-if，会有很大的性能损耗。

解决办法：使用computer计算属性 或者 在外层标签上使用v-if 【内部套一层<template>标签不可取】