扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这篇“Vue中的动态组件是什么及怎么用”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“Vue中的动态组件是什么及怎么用”文章吧。
成都创新互联网站建设公司一直秉承“诚信做人，踏实做事”的原则，不欺瞒客户，是我们最起码的底线！ 以服务为基础，以质量求生存，以技术求发展，成交一个客户多一个朋友！专注中小微企业官网定制，网站设计制作、成都做网站，塑造企业网络形象打造互联网企业效应。
1、什么是动态组件
动态组件指的是动态切换组件的显示与隐藏。
2、如何实现动态组件渲染
vue 提供了一个内置的 .jpg)
3、使用 keep-alive 保持状态
默认情况下，切换动态组件时无法保持组件的状态。此时可以使用vue 内置的 
4、keep-alive 对应的生命周期函数
当组件被缓存时，会自动触发组件的 deactivated生命周期函数。
当组件被激活时，会自动触发组件的 activated生命周期函数。
示例代码如下：.jpg)
温馨提醒：
keep-alive 会把内部的组件进行缓存，而不是销毁组件；
使用 keep-alive 的时候，可以通过 include 指定哪些组件需要被缓存；或者，通过 exclude 属性指定哪些组件不需要被缓存；但是：不要同时使用 include 和 exclude 这两个属性；
5、keep-alive 的 include 属性
include 属性用来指定：只有名称匹配的组件会被缓存。多个组件名之间使用英文的逗号分隔:
示例代码如下：.jpg)
Vue具体轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快等优势，Vue中页面使用的是局部刷新，不用每次跳转页面都要请求所有数据和dom，可以大大提升访问速度和用户体验。
以上就是关于“Vue中的动态组件是什么及怎么用”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注创新互联行业资讯频道。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网