v-if

初始渲染

初始值为 false 组件不会渲染，生命周期钩子不会执行，v-if 的渲染是惰性的。
初始值为 true 时，组件会进行渲染，并依次执行 beforeCreate,created,beforeMount,mounted 钩子。

切换

false => true
依次执行 beforeCreate,created,beforeMount,mounted 钩子。
true => false
依次执行 beforeDestroy,destroyed 钩子。

v-show

渲染

无论初始状态，组件都会渲染，依次执行 beforeCreate,created,beforeMount,mounted 钩子，v-show 的渲染是非惰性的。

切换

对生命周期钩子无影响，切换时组件始终保持在 mounted 钩子。

组件的销毁
动态组件切换时，被隐藏的组件执行destroy，被显示的组件执行生命周期钩子，被重新渲染。如果不想每次切换都需要...
组件 v-if 和 v-show 切换时生命周期钩子的执行
v-if 初始渲染初始值为 false 组件不会渲染，生命周期钩子不会执行，v-if 的渲染是惰性的。初始值为 ...
组件v-if和v-show切换时，生命周期
v-if 初始渲染初始值为 false 组件不会渲染，生命周期钩子不会执行，v-if 的渲染是惰性的。初始值为 ...
VueRouter的基本使用
什么是Vue Router?Vue Router和v-if/v-show一样，是用来切换组件的显示的v-if/v-...
2021-03-25前端面试小计，答案自行百度
vue生命周期vue父子组件兄弟组件通信vuexv-if和v-show区别v-if和v-for优先级wacth监...
Vue keep-alive 失效
页面缓存了，但是没有Home和User组件没有生效，把v-if替换成v-show就可以了。原因就是跟生命周期的执行...
vue2.0题目
1 .v-show和v-if的区别 v-show 通过css display 控制显示和隐藏 v-if 组件真正的...
vue必须掌握的知识点和能力，提升硬实力（简述）
v-if 和 v-show 的区别为何v-for要使用key 描述vue组件的生命周期（有父子组件的情况下） V...
前端经典问题
VUE 1、v-show和v-if的区别2、为何v-for中要用key3、描述Vue组件生命周期（有父子组件的情况...
vue：面试题（一）
v-if 和 v-show v-if 是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适...