keep-alive介绍及应用场景

HTTP keep-alive

项目中使用axios开启 Http Keep-Alive

// 插件
const Agent = require('agentkeepalive')
const keepaliveAgent = new Agent({
  maxSockets: 100,
  maxFreeSockets: 10,
  timeout: 60000,
  freeSocketKeepAliveTimeout: 30000
})

$axios.defaults.httpAgent = keepaliveAgent

Vue keep-alive

props:

• include string或正则，只有名称匹配的组件会被缓存 2.1.0+
• exclude string或正则, 名称匹配的组件不会被缓存 2.1.0+
• max 最多可以缓存多少组件实例 2.5.0+
• activated 和 deactivate 生命周期钩子

不会在函数式组件中正常工作，因为它们没有缓存实例。
结合router,缓存部分页面