v-if|v-if 和v-show的区别

v-show :无论他的布尔值是true还是false,DOM元素始终存在 只是false的时候display:none
v-if:布尔值是true的时候渲染DOM元素 为false的时候 就彻底的消失不存在了 没有此节点
举个栗子:


v-if|v-if 和v-show的区别
文章图片
v-if|v-if 和v-show的区别
文章图片


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

    推荐阅读