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

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

创新互联公司是专业的吉林网站建设公司，吉林接单;提供网站制作、做网站,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行吉林网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

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切换得方法”文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注创新互联行业资讯频道。