条件渲染v-ifv-showv-elsev-else-if元素复用 条件渲染根据布尔值判断,是否渲染元素。 v-if语义DOM节点渲染或者直接销毁。关键点如果频繁操作,开销很多。 v-show语义只是改变display属性,控制节点的渲染。 v-else语义跟在v-if元素的后面,两个渲染的元素互斥。 v-else-if语义连续使用if-else关键点不建议使用,可以使用计算属性来切换数据的绑定。 元素复用语义Vue在做条件渲染时,为了更高效的渲染,会最大程度上复用元素节点,只会替换节点不同的部分,最大程度上做到元素复用。语法在元素上加上key属性,当key属性的属性值不同时,可以阻止元素复用,而是直接替换节点。