Vue 封装的组件生命周期钩子

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

export default {
    beforecreate() {
        //  创建前状态
    }
    created () { // 创建完毕状态 } beforeMount(){ // 挂载前状态 } mounted(){ // 挂载结束状态 } }