vue 动态组件&异步组件

动态组件

是什么

• 让多个组件同使用一个挂载点，并且组件间可以动态切换，这个挂载点就是 component 标签
• 简单来说是在 component 标签上添加一个is属性，属性值（即currentTabComponent）是控制组件间的切换的
  
  
  keep-alive

是什么

• 是vue的内置组件，可以包含动态组件，当组件之间进行切换时，可以保持组件的状态，缓存不活动组件的实例，而不是销毁它们
• 并且自身也不会渲染成一个DOM元素，不会显示在父组件链中
  
  作用
• 组件切换的时候，可以将组件的状态保存在内存中，避免重复渲染，减少加载时间及性能消耗，提高用户的体验

异步组件

是什么

• vue的一种性能优化的方法，可以实现组件的按需加载

• 组件通过import函数引用，什么时候需要什么时候加载
  
  作用

• 有利于项目的性能优化，提高页面的加载速度

• 路由懒加载就是使用了异步组件的原理