【Vue基础知识再巩固】--动态组件和异步组件

动态组件

   标签切换v-bind:is控制模板切换,但是模板切换前后重新加载,无法保持切换前状态,故引入keep-alive对组件实例进行缓存,以保持其状态:


  

异步组件

   暂时用到的场景,大量组件引入时候会导致页面有一定延迟,因此引入异步组件,当组件使用实被引入注册

new Vue({
  components: {
    'my-component': () => import('./my-async-component')
  }
})

 

你可能感兴趣的:(vue)