Vue学习---生命周期

作者: 婼熙之名 | 来源:发表于2022-01-21 20:00 被阅读0次

一、生命周期图示

lifecycle.png

1.beforeCreat:实例初始化之后，数据观测，event/watcher事件配置之前调用
2.created:实例初始化之后,且实例已经完成以下配置：数据观察，属性与方法的运算，event/watch事件的回掉。且挂载阶段没有开始，$el属性不可见

3.beforeMount:挂载开始之前（准备挂载）
4.mounted:el被新创建$el所替代。挂载成功

5.beforeUpdate:数据更新时
6.updated:数据更新完成

组件相关：
7.activated:keep-alive组件开始用时调用
8.deactivated:keep-alive组件停用时调用

9.beforeDestory:实例销毁之前调用，此时实例依然可用
10.destoryed:实例销毁后调用。vue执行的对象会解绑，监听事件会被移除

vue生命周期
学习vue的生命周期什么是生命周期函数？ vue的生命周期函数（又称为钩子函数）是一个vue实例从开始创建，到初...
vue生命周期
一 vue生命周期 Vue的生命周期：就是vue实例从创建到销毁的全过程二 vue生命周期钩子 vue生命周期...
vue生命周期
vue生命周期详： vue生命周期详解图： vue生命周期详解代码展示：
vue生命周期图（探究源码之路）
学习主线：从vue2生命周期图出发，找出背后的源码实现，来探索vue成长之路！ [TOC] 生命周期图 vue2....
Vue生命周期
Vue生命周期详解一、Vue生命周期与作用（生命周期钩子就是生命周期函数）（1）Vue生命周期：每个Vu...
vue的生命周期
vue生命周期学习 {{message}} var vm = new ...
vue3较vue2的特别之处 - 生命周期
vue2 生命周期 vue3 生命周期将 Vue2 的生命周期钩子代码更新到 Vue3 参考地址：https:/...
vuejs - （v-for、v-model、$event）-
系统学习vuejs中的生命周期、循环性能、自定义组件思想、vue-cli、vue-loader(*.vue)...
前端之路-VUE面试题
vue生命周期面试题vue 生命周期是什么？ Vue 实例从创建到销毁的过程，就是生命周期 beforeCreat...
Vue.js入门（二）：生命周期
1 生命周期 Vue生命周期是Vue实例从创建到销毁的过程，就是生命周期。在Vue实例的生命周期过程中会运行生命周...