美文网首页
vue生命周期理解

vue生命周期理解

作者: isSunny | 来源:发表于2019-08-20 11:50 被阅读0次

1.Vue生命周期是什么?

Vue实例在被创建时,会经历一系列的初始化过程:从开始创建-》初始化数据=》编译模板=》实例挂载DOM=>渲染,更新=》渲染,卸载,这个过程我们称为vue生命周期,同时在这个过程中会运行一些叫做生命周期钩子函数。

2.生命周期钩子函数都有哪些?

  • beforeCreate:组件实例创建之前,这个阶段data和methods还未初始化;
  • created:组件实例化创建,属性绑定,但是真实DOM还未生成,$el不可用,data和methods初始化完成,可以在这个阶段调用方法和操作data数据。
  • beforeMount:挂载之前,模板已经编译,还未挂载到页面中
  • mounted:el被vm.$el所代替,并挂载到实例上。这个时候整个初始化完毕
  • beforeUpdate:数据更新之前
  • Updated :数据更新之后
  • beforeDestroy:组件销毁之前
  • destroyed:组件销毁之后
  • activated:keep-alive 专属,组件被激活时调用
  • deactivate : keep-alive 专属,组件被销毁时调用

3.图解
看到了一个特别好的图解分析,这里分享给大家


vue.png

该图来自于:
30 道 Vue 面试题,内含详细讲解

相关文章

  • vue学习记录

    vue全家桶 vue生命周期 生命周期的理解 新建项目 ①:cnpm install vue-cli -g (全...

  • vue面试必会

    一、对于MVVM的理解? 二、 Vue的生命周期 1.什么是Vue生命周期? 2.vue生命周期的作用是什么? 3...

  • Day45/100 Vue的生命周期

    写在前面的话 Vue生命周期贯穿Vue的整体思想的理解~灰常重要 (一)Vue生命周期全景图 (二)新建Vue实例...

  • vue的生命周期

    目录:1.对于MVVM的理解2.Vue的生命周期3.什么是vue生命周期?4.vue生命周期的作用是什么?5.vu...

  • 【Vue3 从入门到实战 进阶式掌握完整知识体系】002-Vue

    二、Vue语法基础 1、Vue中的应用和组件的基本部分 代码 运行结果 2、理解Vue的生命周期函数* 生命周期图...

  • Vue生命周期详解

    Vue生命周期是面试中经常被问到的问题,在实际项目中很多坑都是关于生命周期的,所以理解Vue实例的生命周期很有必要...

  • 浅谈vue的生命周期

    生命周期 在使用vue的过程中,对vue的生命周期的理解是最基础的开始,也许你不需要全部理解,但对其中最主要的几个...

  • vue生命周期

    一 vue生命周期 Vue的生命周期:就是vue实例从创建到销毁的全过程 二 vue生命周期钩子 vue生命周期...

  • vue生命周期

    vue生命周期详: vue生命周期详解图: vue生命周期详解代码展示:

  • Vue生命周期

    一.个人理解对Vue的生命周期的理解 1.1: beforeCreate: 创建阶段的第一个生命周期函数,组件的P...

网友评论

      本文标题:vue生命周期理解

      本文链接:https://www.haomeiwen.com/subject/nuwusctx.html