每次使用返回是页面总是会刷新 导致了一些体验上的不愉快
现在 发现vue中的一个很方便的方法还可以用来优化性能就是:
keep-alive缓存组件
<router-view v-if="!$route.meta.keepAlive"></router-view>
<keep-alive>
<router-view v-if="$route.meta.keepAlive"></router-view>
</keep-alive>
这边我是用作缓存页面,返回不刷新,这里我只缓存keepAlive的值为true的页面
在路由的meta属性加入keepAlive,希望缓存的页面加入vue属性即可
image如果需要改变时在
beforeRouteEnter,beforeRouteLeave中写入事件即可
如果页面需要再加载数据则activated事件中写入你的方法
网友评论