组件v-if和v-show切换得方法

本文小编为大家详细介绍“组件v-if和v-show切换得方法”，内容详细，步骤清晰，细节处理妥当，希望这篇“组件v-if和v-show切换得方法”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。

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 钩子。

读到这里，这篇“组件v-if和v-show切换得方法”文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注编程网JavaScript频道。