条件渲染

根据布尔值判断,是否渲染元素。

v-if

语义DOM节点渲染或者直接销毁。
关键点如果频繁操作,开销很多。

v-show

语义只是改变display属性,控制节点的渲染。

v-else

语义跟在v-if元素的后面,两个渲染的元素互斥。

v-else-if

语义连续使用if-else
关键点不建议使用,可以使用计算属性来切换数据的绑定。

元素复用

语义Vue在做条件渲染时,为了更高效的渲染,会最大程度上复用元素节点,只会替换节点不同的部分,最大程度上做到元素复用。
语法在元素上加上key属性,当key属性的属性值不同时,可以阻止元素复用,而是直接替换节点。