vue 缓存数据方法之keep-alive

需求:

页面a,切换到页面b,再回到a页面,a页面无刷新

举个例子:

eg:1)a页面input框输入123

2)切换到b页面

3)回到a页面,

123仍然存在

实现:

(1)keep-alive缓存数据

通过路由设置keepAlive值

vue 缓存数据方法之keep-alive_第1张图片

(2)路由跳转处设置

好处:加上keep-alive来对数据进行缓存处理,避免资源的重复请求

你可能感兴趣的:(vue)