v-if 与if else同理,可根据不同情况来区分展示,v-if、v-else-if、v-else来控制显示;且v-if是真正的条件渲染,根据条件来销毁与重建。
v-show只能通过一个变量来控制显示,且不支持template语法;v-show元素总会被渲染,实际是通过css样式来调整是否展示。
另外,当v-if与v-for置于同一级时,将优先执行v-for,避免不加以区分的渲染一些元素。如果需要先执行v-if,可将v-if置于v-for外层。
v-if 与if else同理,可根据不同情况来区分展示,v-if、v-else-if、v-else来控制显示;且v-if是真正的条件渲染,根据条件来销毁与重建。
v-show只能通过一个变量来控制显示,且不支持template语法;v-show元素总会被渲染,实际是通过css样式来调整是否展示。
另外,当v-if与v-for置于同一级时,将优先执行v-for,避免不加以区分的渲染一些元素。如果需要先执行v-if,可将v-if置于v-for外层。