当需要页面缓存时在vue里可以在需要的组件外面包裹一个
<keep-alive>
<router-view />
</keep-alive>
这样这个被包裹的组件就会在第一次刷新页面的时候请求数据第二次显示页面就不会请求数据
(第一次刷新页面是指第一次进入,而显示页面时是网页没有刷新只是显示了)
当需要第二次显示页面的时候请求数据时可以使用一个钩子函数
activated () {
}
这个函数相较于mounted的区别是
第一次加载页面这两个函数都加载
但是第二次显示页面时(此时页面不是刷新的)只执行activated这个钩子函数而不执行mounted
再此记录一下