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

2024-10-13 10:32:04

export default {

  // ...

  // 在组件初始化时调用，可以简单理解为页面加载时

  created () {

    // 存在 localStorage 的缓存内容

    if (localStorage.data) {

      this.myData = JSON.parse(localStorage.data)

    }

    else {

      // 页面无缓存内容时，初始化数据并写入缓存

      this.initData()

    }

  }

  // 在组件销毁前调用，但这并不能监听到页面退出的事件

  beforeDestory () {

    // 在此同样可对 localStorage 做一些处理

  }

}

export default {

    beforecreate() {

        //  创建前状态

    }

    created () {

        //  创建完毕状态

    }

    beforeMount(){

        //  挂载前状态

    }

    mounted(){

        //  挂载结束状态

    }

}

最新文章

热门文章