Vue生命周期通俗理解

2024-06-05 12:22:01

Vue 的生命周期

个人通俗理解：把Vue生命周期想象成一个人的创造

01. 创建一个躯干；(new Vue)

02. 初始化耳朵、鼻子、眼睛；(创建一些空的生命周期函数和方法)

03. 赋予耳朵能听、鼻子能嗅、眼睛能看的能力；(在data、methods中输入数据)

04. 画一个模板，耳朵、鼻子、眼睛应该放在躯干的哪个部位;（编译模板，但还没有真正去用所以还是 {{msg}} ）

05. 将器官挂载到躯干上面（挂载，到此一个人已经完整）

06. 在模板上改变耳朵的大小（更新，只在模板上面更新还没来得及到真人，只在内存中改了）

07. 耳朵大小同步到真人（渲染，将更新过的重新渲染到真人上，完成View和Model的同步）

08. 现在模板上一点点删除器官（真人还能使用耳朵等）

09. 彻底删除（各个器官已经删除，不能使用）

Vue生命周期通俗理解相关推荐

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

最新文章

热门文章