VUE的十一个生命周期详解

生命周期可以分为三个阶段：

挂载阶段更新阶段销毁阶段

创建前：beforeCreate() 无法获取data数据

创建后：created() 可以获取data数据和操作methods 但不能使用DOM

挂载前：beforeMount()

挂载后：mounted() DOM渲染完毕可以获取使用DOM

注意：如果在引入子组件的情况下只有当父子组件完全挂载完毕时才会执行这个钩子函数

ref：用来获取DOM元素

更新前：beforeUptate() 当data的数据发生变化导致DOM视图更新时会执行

更新后：updated()

注意：是视图更新才会触发钩子函数

销毁前：beforeDestory() 即将销毁data和methods中的数据时还可以使用

大多发生在跳转路由的时候

销毁后：destoryed() 以及销毁完毕（在引入子组件的时候只有子组件也销毁后才会执行这个钩子函数）

激活时：activated() 激活时执行的钩子函数

施活时：deactivated() 施活时执行的钩子函数

希望能帮到大家！！！

VUE的十一个生命周期详解相关推荐

vue 声明周期函数_Vue 生命周期详解
Vue 生命周期详解 Vue 生命周期流程最开始,用户使用 new Vue() 创建根 Vue 实例,或者 Vue 实例化子组件都会调用_init方法(我们将这两种实例都称为vm): functio ...
Fragment生命周期详解
关于Fragment的生命周期,博主写过Activity与Fragment生命周期详解,基本上把Fragment的生命周期详细介绍过,但是那仅仅是创建一个Fragmnet时的生命周期,而事实上Frag ...
Android面试之Activity生命周期详解
Activity生命周期详解一 Activity的四种状态: Activity的生命周期中存在四种基本的状态:活动状态(Active/Runing),暂停状态(Paused),停止状态(Stoppe ...
Fragment的懒加载与生命周期详解
提示:本文仅为笔者学习记录 Fragment的懒加载与生命周期详解什么是懒加载了解Fragment的生命周期 onAttach onCreate onCreateView onActivityCr ...
01.软件项目管理与敏捷方法——敏捷项目生命周期详解笔记
01.软件项目管理与敏捷方法--敏捷项目生命周期详解笔记 00.与其说是船还不如说是熟练的航行技术保证了成功的航行.--George William Curtis 01.敏捷项目是一个按照敏捷宣言宗旨 ...
taro生命周期详解
taro生命周期详解 taro介绍生命周期 react的钩子函数为兼容小程序的钩子函数个别生命周期详解以及注意 1.render()函数 2.constructor()构造函数 3.在各个生命周 ...
Eclipse中Maven常用命令以及Maven生命周期详解
Eclipse中maven常用的命令在某一个maven项目右键快捷方式,然后点击Run As就可以发现几个Maven的命令: Maven Build: 这个命令用于编译Maven工程,执行命令后会在 ...
Spring 生命周期详解
Spring 生命周期详解一.传统JAVA bean的生命周期使用Java关键字 new 进行Bean 的实例化,然后该Bean 就能够使用了. 一旦bean不再被使用,则由Java自动进行垃圾回 ...
flutter 生命周期详解
flutter 生命周期详解简介一.widget 生命周期二.APP 生命周期总结简介众所周知,程序是有生命周期的,那么flutter 的生命周期是什么呢? flutter 的生命周期大体 ...

VUE的十一个生命周期详解

生命周期可以分为三个阶段：

挂载阶段更新阶段销毁阶段

VUE的十一个生命周期详解相关推荐

最新文章

热门文章

VUE的十一个生命周期详解

生命周期可以分为三个阶段：

挂载阶段 更新阶段 销毁阶段

VUE的十一个生命周期详解相关推荐

最新文章

热门文章

挂载阶段更新阶段销毁阶段