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 做一些处理

  }

}