谈一下对VUE生命周期的理解

new Vue( ) //执行了Vue构造函数

Init Events&Lifecycle //初始化实例

执行生命周期钩子beforeCreat()

Init injections&reactivity //创建实例，配置data observer、computed properties,methods, watch/event callbacks

执行生命周期钩子created()//通常初始化某些属性值，然后再渲染成视图。

查看是否配置了el（实例即将要挂载到哪个dom上），没有的话就等vm.$mount(el) 手动地挂载一个未挂载的实例

查看有没有配置template，没有就将el的html模板编译作为template，放进渲染函数

执行生命周期钩子beforeMount()

创建实例的$el属性，将实例挂载到真正的dom上

执行生命周期钩子mounted()//在这之后页面才渲染出来//初始化页面完成后，再对html的dom节点进行一些需要的操作

当有数据需要更新:

执行生命周期钩子beforeUpdate() //数据更新时调用，发生在虚拟 DOM 打补丁之前//这里适合在更新之前访问现有的 DOM，比如手动移除已添加的事件监听器。

执行生命周期钩子updated()//由于数据更改导致的虚拟 DOM 重新渲染和打补丁，在这之后会调用该钩子。//大多数情况下应该避免使用

当使用了keep-alive时:

执行生命周期钩子actived() //被 keep-alive 缓存的组件激活时调用。

执行生命周期钩子deactived() //被 keep-alive 缓存的组件停用时调用。

当要销毁组件时:

执行生命周期钩子beforeDestroy() //实例销毁之前调用。在这一步，实例仍然完全可用。

执行生命周期钩子destroy()//实例销毁后调用。该钩子被调用后，对应 Vue 实例的所有指令都被解绑，所有的事件监听器被移除，所有的子实例也都被销毁。

谈一下对VUE生命周期的理解相关推荐

Vue生命周期钩子理解
#Vue生命周期钩子理解 <!DOCTYPE html> <html lang="zh-CN"> <head><meta charset= ...
Vue生命周期通俗理解
Vue 的生命周期个人通俗理解:把Vue生命周期想象成一个人的创造 01. 创建一个躯干:(new Vue) 02. 初始化耳朵.鼻子.眼睛:(创建一些空的生命周期函数和方法) 03. 赋予耳朵能听 ...
Vue生命周期(个人理解)
描述:今天进度到生命周期 other-teacher只讲了两个项目使用到的生命周期剩下的自己扩展,哎,自己来了兴趣,为啥,自己第一次面试的时候记得很清楚.面试官:"简单说一下你对vue生命 ...
请描述下你对 Vue 生命周期的理解？在 created 和 mounted 这两个生命周期中请求数据有什么区别呢？
Vue 生命周期总共可以分为8个阶段:初始化前后,挂载前后,更新前后,销毁前后,以及一些特殊场景的生命周期. 一.基本生命周期生命周期描述 beforeCreate 组件实例被创建之初 creat ...
VUE生命周期，经典面试题
文章目录前言一.VUE生命周期是什么? 二.VUE生命周期不同的阶段 1.创建前/后 2.载入前/后 3.更新前/后 4.销毁前/后总结前言 VUE有哪些特性,我们为什么要使用它 1.易用已 ...
vue声明周期_Vue生命周期的理解
当面试官问:"谈谈你对vue的生命周期的理解",听到这句话你是不是心里暗自窃喜:这也太容易了吧,不就是beforeCreate.created.beforeMount.mounte ...
Vue生命周期和钩子函数的一些理解
vue生命周期简介咱们从上图可以很明显的看出现在vue2.0都包括了哪些生命周期的函数了. 生命周期探究对于执行顺序和什么时候执行,看上面两个图基本有个了解了.下面我们将结合代码去看看钩子函数的执 ...
Vue生命周期中钩子函数理解简记
Vue生命周期钩子函数钩子函数 beforeCreate created beforeMount mounted beforeUpdate updated beforeDestroy destroy ...
Vue生命周期钩子函数理解与使用场景
Vue生命周期钩子函数每个 Vue 实例在被创建时都要经过一系列的初始化过程--例如,需要设置数据监听.编译模板.将实例挂载到 DOM 并在数据变化时更新 DOM 等.同时在这个过程中也会运行一些叫 ...
浅谈vue —— 生命周期
记于vue生命周期的学习每个 Vue 实例在被创建时都要经过一系列的初始化过程--例如,需要设置数据监听.编译模板.将实例挂载到 DOM 并在数据变化时更新 DOM 等.同时在这个过程中也会运行一些 ...