关于什么时候用 v-if 和 v-show 浅谈

了解Vue的朋友都知道，v-if和 v-show 具有类似的功能，不过 v-if 才是真正的条件渲染，它会根据表达式适当地销毁或重建元素及绑定的事件或子组件。

若表达式初始值为 false，则一开始元素／组件并不会渲染，只有当条件第一次变为真时才开始编译。

而 v-show 只是简单的 css 属性切换，无论条件真与否，都会被编译。相比之下， v-if更适合条件不经常改变的场景，因为它切换开销相对较大，而 v-show 适用于频繁切换条件。

它会为元素添加一个行内样式：display：none；

另外呢 v-show是不能用在<template>上的。