首页 > 其他分享 >Vue 生命周期

Vue 生命周期

时间:2022-08-19 09:37:40浏览次数:46  
标签:生命周期 自定义 销毁 定时器 beforeDestroy Vue

Vue 生命周期

常用生命周期钩子:

  1. mounted:发送ajax请求,启动定时器、绑定自定义事件、订阅消息等初始化操作
  2. beforeDestroy:清除定时器,解绑自定义事件、取消订阅消息等收尾工作

关于销毁Vue实例:

  1. 销毁后借助Vue开发者工具看不到任何信息
  2. 销毁后自定义事件会失效,但原生DOM事件依然有效
  3. 一般不会在beforeDestroy中操作数据,因为即使操作数据,也不会再触发更新流程

还有另外3个在路由中

 

 

标签:生命周期,自定义,销毁,定时器,beforeDestroy,Vue
From: https://www.cnblogs.com/zhh567/p/16589670.html

相关文章

  • Vue基础——将原生事件绑定到组件
    Vue基础——将原生事件绑定到组件1、首先看一个小例子父组件:<template><divid="app"><my-button@click="handleClick"></my-button></div></template><......
  • 盘点Vue2和Vue3的10种组件通信方式(值得收藏)
    Vue中组件通信方式有很多,其中Vue2和Vue3实现起来也会有很多差异;本文将通过选项式API组合式API以及setup三种不同实现方式全面介绍Vue2和Vue3的组件通信方式。其中将要实现......
  • vue cli3 如何配置babel.config.js 可以按需引用多个不同的组件库
    module.exports={  presets:['@vue/app'],  plugins:[    ['import',      {        libraryName:'ant-design-v......
  • vue学习第二天
    1、清空npm缓存、清空node_module2、工程结构分析main.js->  引入的不是vue的构造函数,引入的是一个名为createApp的工厂函数          import......
  • 【nodejs】大事件后台管理项目(四)——Vue-admin-template结合
    观前提醒在黑马程序员公众号提供的材料中就包括了前端项目,但是因为这个项目是用layui写的,已经有点过时了,所以我弄个Vue前端项目的接口调整。上一个则只是简单跟着视频完......
  • Vue——尚硅谷
    P13看、听第一遍时,觉得能懂,但再看一遍并操作会有更多收获,事实如此,耐着点性子,求知不能太心急。 ......
  • vue2和vue3的区别
    1、vue2每个模块必须有一个根节点,vue3则不需要 ===================分隔======================  2、创建vue实例的方法不一样router.js中:main.js中:  ===......
  • 在vue中使用echarts
    1.引入echarts先通过npm安装echartsnpmrunecharts--save2.在main.js中import*asechartsfrom'echarts';Vue.prototype.$echarts=echarts3.在.vue文件中(包括......
  • 自动根据文件目录生成vue路由
    前言每创建一个新的页面需要手动添加路由虽然不是很麻烦的动作,但是也是很繁琐的动作,如果能够再创建文件的时候自动生成路由还是能省一些动作避免一些错误,比如导入路径不对......
  • vue eventbus 注意点
    如果a页面想在一开始就给B页面传值,那么b页面应在created函数里面接受,同时要先解绑一下事件($off)   ......