vue-router路由缓存

1. 作用：让不展示的路由组件保持挂载，不被销毁
2. 使用<keep-alive></keep-alive>标签实现路由缓存，使用该标签包裹<router-view></router-view>标签，可以使通过路由在<router-view></router-view>位置处展示的组件全部进行缓存
3. 在实际开发中只需要将部分组件进行缓存，通过<keep-alive></keep-alive>标签中的include属性实现，指定include属性的属性值为需要进行缓存的组件名即可；
4. 若需要指定多个进行缓存的组件，将include属性的属性值为数组，在数组中放入组件名即可

   // 缓存在<router-view></router-view>位置处展示的所有组件
   <keep-alive>
       <router-view></router-view>
   </keep-alive>
   
   // 缓存在<router-view></router-view>位置处展示的单个指定组件
   <keep-alive include="组件名">
       <router-view></router-view>
   </keep-alive>
   
   // 缓存在<router-view></router-view>位置处展示的多个指定组件
   <keep-alive include="['组件名1', '组件名2']">
       <router-view></router-view>
   </keep-alive>