[vue] Vue-router缓存路由组件 keep-alive

缓存路由组件
作用：让不展示的路由组件保持挂载，不被销毁

<keep-alive include="News"> 
    <router-view></router-view>
</keep-alive>

通过<keep-alive> ··· </keep-alive>标签实现 标签内的组件会被缓存起来 切换之后不会被销毁

include属性可以指定需要缓存的组件 不会把所有组件都缓存

如果有多个组件需要缓存 可以把值写成数组的形式:

// 缓存多个组件的写法
<keep-alive include="['News', 'Message']"> 
    <router-view></router-view>
</keep-alive>