共计 353 个字符，预计需要花费 1 分钟才能阅读完成。
1. 先看看成果
2. 来看看代码
3. 一一击破
（1）v-show：管制元素的 display 属性是否为 none
（2）v-if：管制是否在页面上增加或删除 dom 元素
（3）opacity: 0;：css 属性，管制元素的透明度
（4）display: none;：css 属性，管制 dom 元素是否显示
4. 性能上：
（1）两者都会导致页面的重绘和重排，但 v -show 只是扭转 dom 的 css，而 v -if 管制的是增加和删除 dom，所以 v -if 在重绘重排前还进行了增加或删除 dom 元素的操作。
（2）须要屡次切换某个元素的显示或暗藏时应用 v -show
（3）某个元素在渲染后就始终存在或暗藏时应用 v -if
（4）opacity 也能够暗藏元素，但它自身的作用并非用来暗藏元素而是设置元素的透明度，并且 opacity 为 0 时，该 dom 同样占用着空间。
正文完