浅谈vue的生命周期

生命周期是什么？
vue实例从创建到销毁的过程。（vue实例创建，dom树完成渲染）
钩子：简单来说就是回调函数。

vue生命周期分为4个阶段8个钩子
四个阶段：

阶段一：创建（创建vue实例）beforeCreate 、 created

阶段二：挂载（data数据渲染到el）

beforeMound、mounted

阶段三：更新（检测data变化并更新el）

beforeUpdate、updated

阶段四：销毁（解除data与el的绑定关系）

beforeDestory、destoryed

八个钩子：

1.beforeCreate：创建vue实例之前
2.created：vue实例创建完成
3.beforeMount：data数据挂载到el之前
4.mounted：完成挂载（data数据已经渲染到el上）
5.beforeUpdate：数据更新前（检测数据变化了，但是页面还没有更新）
6.updated：完成数据更新（把更新后的数据从新渲染到页面）
7.beforeDestroy：vue的实例销毁（销毁：不是指vue实例销毁，而是解除date和el的绑定关系，说人话：以后data变化了，跟el没有关系）。
8.destroyed：已经销毁

vue第一次加载的时候会执行那几个钩子呢？

beforeCreate   （创建实例之前）
created （创建vue实例之后）
beforeMount （挂载前）
mounted这四个钩子（初始渲染）

vue常用钩子

created：完成data数据数据创建（一般用于axios请求网络数据）
mounted：完成初始渲染（一般用于操作dom）
vue当中那些钩子只走一次那些钩子会执行多次？
beforeCreate、created、beforeMount、Mounted只会执行一次
beforeUpdate与updated 会执行多次

浅谈vue的生命周期相关推荐

推荐：浅谈用户全生命周期管理
导读: 今天我们邀请到了云音乐的张毅老师,给大家分享他对于用户全生命周期运营的思考和总结,从定义到周期划分,用户分层定义,到后续运营策略方式,系统建设.数据体系等逐步探讨. 一.用户生命周期定义 Li ...
浅谈Activity的生命周期
Activity的生命周期简述生命周期 onCreate 当Acitivity第一次被创建出来时会被触发,一般在这里要做的事情是创建视图等等. onStart 当activity开始运行从不可见到可 ...
浅谈spring的生命周期
文章目录前言生命周期详细描述处理名称,检查缓存处理父子容器处理 dependsOn 选择 scope 策略创建 bean - 创建 bean 实例创建 bean - 依赖注入创建 b ...
如何解释vue的生命周期才能令面试官满意？
当面试官问:"谈谈你对vue的生命周期的理解",听到这句话你是不是心里暗自窃喜:这也太容易了吧,不就是beforeCreate.created.beforeMount.mounte ...
Vue.js 生命周期
2019独角兽企业重金招聘Python工程师标准>>> 每个 Vue 实例在被创建之前都要经过一系列的初始化过程 vue在生命周期中有这些状态, beforeCreate,creat ...
vue避免重新渲染_小白也能懂的VUE的生命周期探寻
Vue生命周期作为vue的核心之一,生命周期不管是文档还是面试都是高频知识点今天我们从什么是生命周期,生命周期的内容,如何利用生命周期出发,做一些探究生命周期的理解官方:Vue 实例从创建到销毁的过 ...
js字符串替换_浅析Vue的生命周期以及JS异步
前言 Vue的生命周期和JS异步都是有很多文章的知识点,我之前也是一知半解,基本够用. 但是直到我在开发的时候真的遇到了问题,才发现如果不把这些知识点融汇到一起,很难解决实际问题. 我甚至觉得这是我离 ...
vue生命周期图示中英文版Vue实例生命周期钩子
vue生命周期图示中英文版Vue实例生命周期钩子知乎上近日有人发起了一个 "react 是不是比 vue 牛皮,为什么?" 的问题,Vue.js 作者尤雨溪12月4日正面回应了该 ...
vue 生命周期_深入理解Vue实例生命周期
‍vue实例生命周期与生命周期钩子‍ 每个 Vue 实例在被创建时都会经过一系列的初始化过程.例如,需要设置数据监听.编译模板.将实例挂载到 DOM 并在数据变化时更新 DOM 等. 为了让开发者在 ...
[vue] 请描述下vue的生命周期是什么？
[vue] 请描述下vue的生命周期是什么? 生命周期就是vue从开始创建到销毁的过程,分为四大步(创建,挂载,更新,销毁),每一步又分为两小步,如beforeCreate,created.befor ...

浅谈vue的生命周期

浅谈vue的生命周期相关推荐

最新文章

热门文章