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
相关文章
- VUE父子组件之间的传值,以及兄弟组件之间的传值;
- Vue(27)vue-codemirror实现在线代码编译器「建议收藏」
- 面试题vue双向绑定原理_vue路由面试题
- 你知道import Vue from 'vue' 吗?
- 「后端小伙伴来学前端了」Vue中利用全局事件总线实现组件之间通信
- Vue(五)计算属性、过滤器、axios、vue 生命周期
- vue页面刷新_vue强制重置组件
- Vue全家桶介绍_vue全家桶有什么好处
- Vue调试工具安装(vue devtools)
- VUE讲解系列- - -Vuex内容讲解(二)
- Vue中的生命周期的钩子函数有那些
- Vue中执行事件的两种写法
- 在使用vue的项目中对于性能优化的处理
- vue.js客服系统实时聊天项目开发(十一)处理发送消息enter事件以及实现ctrl+enter换行
- IDEA安装Vue插件后为什么创建.vue文件不显示vue图标
- 安装Vue on Linux:轻松搭建开发环境(linux安装vue)
- Vue实时监测Redis变化(vue监控redis变化)
- Vue如何连接Redis数据库(vue怎么连接Redis)