v-if和v-show这两个指令都可以用来控制元素的 可见/不可见。
它们的区别体现在三个方面
- 原理 2. 性能 3. 场景
从原理来看，v-if的原理是动态创建和销毁；v-show的原理是纯CSS样式的显示和隐藏 如果v-if指令的值是从true->false就销毁它； 如果值从false->true就创建它 如果v-show指令的值是从true->false就显示它（display:none）； 如果值从false->true就显示它(display:block)
从性能方面来看，v-if有更高的切换开销（销毁~重建）而v-show有更高的初始渲染开销：无论值是true还是false它都会创建，而如果v-if的初始值为false，则它不会创建。
从场景来看，v-show适合做纯页面的交互，例如：抽屉菜单，折叠面板等；v-if适合结合v-else来根据不同的逻辑展示内容，例如用户登录之后根据权限不同来展示不同类型的头像图标。
