v-if—通过控制dom元素的存在与否来控制其显隐。
v-show—通过控制style样式来控制显隐,dom上一直存在。
v-for—在做v-for循环指令时,建议给循环的每一项一个key值,一般不建议用index做key值,可以使用item做key值,
key值尽量唯一,便于让渲染出的每一个dom元素做一个区分,让vue知道该dom元素是否可以复用,提升性能,
原理:第二次渲染时,如果dom元素两次渲染key值相同,会回去看之前key值对应的dom元素能否被复用,如果可以复用则不会重新创建。
注意: 在同一个标签上既做循环又做判断时,循环的优先级高于if ,会存在问题,可以在内层再包一层div元素做判断,外层可以使用template占位符,template不会被渲染。