vue2.0使用keep-alive实现页面缓存

vue2.0使用keep-alive实现页面缓存

1. 所有页面都缓存

只需要在用到router-view的地方多加一个标签即可
vue2.0使用keep-alive实现页面缓存_第1张图片

2. 缓存部分页面

(1)修改路由配置,需要缓存的(即切换页面后数据仍保留的)路由的keepAlive属性设置为true,不需要缓存的设置为false或者不设置(因为默认是false),如图:
vue2.0使用keep-alive实现页面缓存_第2张图片
(2)修改引用路由的地方vue2.0使用keep-alive实现页面缓存_第3张图片

你可能感兴趣的:(vue)