vue-router生命周期

作者: tutututudou | 来源:发表于2022-06-22 23:24 被阅读0次

  activated(){
    this.timer = setInterval(() => {
      console.log("@")
    }, 1000)
  },
  deactivated(){
    clearInterval(this.timer)
  }

处于当前路由组件时，activated函数构子被调用
被切换到其它组件时deactivated函数钩子被调用
可以用于组件被保存活性时，又有定时器，在切换到其它组件时
定时器不会被销毁，可以用deactivated这个函数销毁定时器

vue-router生命周期
vue-router 生命周期
入门
Vue官方文档生命周期详解 vue-routervue-router官方文档vue-router详解
学习链接
vue-router教程总结 vue生命周期和钩子函数详解vue生命周期 Vue2.0八——知识点整理 vuex...
关于Vue生命周期的思考
关于Vue组件生命周期，官方图示：在开发过程中遇到关于生命周期的问题，整理分享下： Vue-router跳转同名...
vue总结
vue路由守卫 vue实现双向绑定原理 Vue生命周期： vue跨域方式 vue-router实现原理 vue-r...
vue-router生命周期
activated 哪个组件被调用，哪个组件就被激活处于当前路由组件时，activated函数构子被调用被切换到...
Vuejs开发环境搭建
其他文章Vuejs的生命周期函数vue-router配置vue模板语法vue计算属性和侦听器vue Class与S...
Vue的学习1
1把基础学好2把教程看到「自定义指令」3响应式机制和组件生命周期是重点4学习 vue-router 和 vuex5...
2018-07-22
关于vue-router的简单小结 1 如果有多个页面使用同一个组件，当你路径跳转后，那些定义在生命周期中的钩子函...
Vue2.0学习笔记（二）--路由与页面间导航
一、vue-router 1.安装npm install vue-router -D2.使用vue-router ...