Vue的keep-alive组件解决高并发

93 阅读1分钟

如何解决高并发问题?

  • 服务器扩容
  • 应用缓存
  • 负载均衡
  • SpringCloud

keep-alive组件

keepAlive是一个缓存组件,因此它可以解决高并发的相关问题

keep-alive如何使用

  1. 在vueRouter路由中在path同级下添加meta对象添加keepAlive:true,将该组件标记为会被缓存
  2. 在试图组件routerView组件或者动态组件外包上 keepAlive组件
  3. 具有的的属性 include exclude max

属性解释

注意:组件必须写name

  • include 将被缓存的组件
      1. 静态:字符串(name字段名)
      1. 动态:v-bind结合正则/或者结合数组
  • exclude 不会被缓存
    • 1.写入的组件将不被缓存(name字段名)
  • max 最大缓存的个数
    • 存入的是数字,可以结合v-bind进行动态绑定