16.Vue 中的 v-show 和 v-if 怎么理解？ ​

1.1 基本概念 ​

• v-if 如果条件不成立不会渲染当前指令所在节点的 dom 元素
• v-show 只是切换当前 dom 的显示或者隐藏 display、opacity、visiviblity

1.2 效果展示 ​

Vue2 模板编译 、Vue3 模板编译

1.3 如何选择 ​

• v-if 可以阻断内部代码是否执行，如果条件不成立不会执行内部逻辑
• 如果页面逻辑在第一次加载的时候已经被确认后续不会频繁更改则采用 v-if