千家信息网

vue如何使用动态组件去懒加载组件

发表于:2026-11-03 作者:千家信息网编辑
千家信息网最后更新 2026年11月03日,这篇文章主要介绍vue如何使用动态组件去懒加载组件,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!使用动态组件去懒加载组件组件在加载都是同步的,但当页面内容很多,有些组件并不需要
千家信息网最后更新 2026年11月03日vue如何使用动态组件去懒加载组件

这篇文章主要介绍vue如何使用动态组件去懒加载组件,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

使用动态组件去懒加载组件

组件在加载都是同步的,但当页面内容很多,有些组件并不需要一开始就加载出来的比如弹窗类的组件,这些就可以用动态组件,当用户执行了某些操作后再加载出来,这样可以提高主模块加载的性能, 在 Vue 中可以使用 component 动态组件, 依 is 的值,来决定哪个组件被渲染。

示例代码中,只有当点击的时候才会去加载组件。component 还可以配合 v-show 去控制显示和隐藏,这样这个component 只会 mounted 一次,优化性能。

以上是"vue如何使用动态组件去懒加载组件"这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!

0