对于keep-alive和 Async Components的理解

参照Vue.js:https://vuejs.org/v2/guide/components-dynamic-async.html?#Handling-Loading-State

keep-alive
希望组件的实例(例如在切换选项卡的时候)在首次创建后就被缓存
这个时候就可以使用<keep-alive>
<keep-alive>
  <component v-bind:is="currentTabComponent"></component>
</keep-alive>
Async Components
 如果我们在项目中需要异步请求成功之后再去加载这些组件,就可以使用 Async Components
 具体例子参照vue.js文档
 

```c
个人觉得Async Components最有用的
2.3.0+中的新功能 异步组件返回的对象
const AsyncComponent = () => ({
  // 要加载的组件
  component: import('./MyComponent.vue'),
  // 加载中使用的组件
  loading: LoadingComponent,
  // 加载失败使用的组件
  error: ErrorComponent,
  // 在显示组件之前延迟的秒数. 默认: 200ms.
  delay: 200,
  // 加载超出多少时间会显示错误的组件
  // provided and exceeded. Default: Infinity.
  timeout: 3000
})
上一篇:DropPath


下一篇:通过wireshark抓包来讲解HTTP中Connection: keep-alive头部的作用