Vue 刷新页面时会触发事件吗

Question

刚学习vue不久，按照网上的demo做了一个简单的note，使用localstorage做本地存储，然后我想在刷新页面或者离开页面的调用localstorage方法，请问这样做能实现吗？如果可以，要怎么做？谢谢回答，感激不尽！

Answer 1

一般使用 Vue 开发时，不需要摸 window.onload 这类 DOM 相关的 API，而是使用 Vue 封装的组件生命周期钩子：export default {  // ...  // 在组件初始化时调用，可以简单理解为页面加载时  created () {    // 存在 localStorage 的缓存内容    if (localStorage.data) {      this.myData = JSON.parse(localStorage.data)    }    else {      // 页面无缓存内容时，初始化数据并写入缓存      this.initData()    }  }  // 在组件销毁前调用，但这并不能监听到页面退出的事件  beforeDestory () {    // 在此同样可对 localStorage 做一些处理  }}