v-if 和v-show的区别

v-show ：无论他的布尔值是true还是false,DOM元素始终存在 只是false的时候  display:none

v-if:布尔值是true的时候渲染DOM元素 为false的时候 就彻底的消失  不存在了 没有此节点

举个栗子：

就比如这个弹出遮罩层 就必须用v-show 因为它里面的一些值比如说 销售价 库存等这些信息 就算遮罩层消失了  但是还是需要从这里拿到的 如果用v-if控制  就会报错 因为没有此Dom元素了