zl程序教程

您现在的位置是:首页 >  前端

当前栏目

vue 加载页面时触发时间_Vue 刷新页面时会触发事件吗「建议收藏」

Vue事件 建议 时间 收藏 页面 加载 刷新
2023-06-13 09:11:08 时间

使用localstorage做本地存储,然后我想在刷新页面或者离开页面的调用localstorage方法

1、页面刷新使用localstorage,也就是当vue被实例化之后有如下几个可以供你使用:

export default {

beforecreate() {

// 创建前状态

}

created () {

// 创建完毕状态

}

beforeMount(){

// 挂载前状态

}

mounted(){

// 挂载结束状态

}

}

这几个都是可以在页面刷新的时候操作本地存储。

注: 其实本地存储也可以不写在vue实例当中,本质上与vue无关,你只是在当页面刷新的时候为了执行一段js而已

main.js

/* 项目启动 */

import Vue from ‘vue’

import App from ‘./App’

import router from ‘./router’

/****************************

写这里也不是不可以

****************************/

new Vue({

router: router,

render: h => h(App)

// components: { firstcomponent, secondcomponent }

}).$mount(‘#app’)

2、页面关闭与vue的生命周期无关,也不存在销毁一说,因此关闭页面没有方法让你使用操作localStorage,这一点跟楼上几位说的不一样。

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/183938.html原文链接:https://javaforall.cn