vue keep alive 原理 vue中keep-alive的页面刷新之后是什么钩子

vue中keep-alive的页面刷新之后是什么钩子

一般使用 Vue 开发时，不需要摸 window.onload 这类 DOM 相关的 API，而是使用 Vue 封装的组件生命周期钩子：

export default {
// ...
// 在组件初始化时调用，可以简单理解为页面加载时
created () {
// 存在 localStorage 的缓存内容
if (localStorage.data) {
this.myData = JSON.parse(localStorage.data)
}
else {
// 页面无缓存内容时，初始化数据并写入缓存
this.initData()
}
}
// 在组件销毁前调用，但这并不能监听到页面退出的事件
beforeDestory () {
// 在此同样可对 localStorage 做一些处理
}
}

keep alive是什么意思

keep alive

点火电极；保持生机；使……活着

[网络短语]

keep alive 保持活力,点火电极,保持活气
Keep-Alive 持续作用,长连接,返回内容
keep sb alive 让某人活下去