关闭

请详细说下你对vue生命周期的理解?

429人阅读 评论(0) 收藏 举报
分类:

答:总共分为8个阶段创建前/后,载入前/后,更新前/后,销毁前/后。

创建前/后: 在beforeCreated阶段,vue实例的挂载元素$el和**数据对象**data都为undefined,还未初始化。在created阶段,vue实例的数据对象data有了,$el还没有。

载入前/后:在beforeMount阶段,vue实例的$el和data都初始化了,但还是挂载之前虚拟的dom节点data.message还未替换。在mounted阶段,vue实例挂载完成,data.message成功渲染

更新前/后:当data变化时,会触发beforeUpdate和updated方法。

销毁前/后:在执行destroy方法后,对data的改变不会再触发周期函数,说明此时vue实例已经解除了事件监听以及和dom的绑定,但是dom结构依然存在

转自:http://www.bslxx.com/p/3187.html
Vue2.0 探索之路——生命周期和钩子函数的一些理解:https://segmentfault.com/a/1190000008010666

0
0
查看评论

vue生命周期、钩子理解

在vue文档中,对生命周期部分有如下视图: 看起来有些复杂,对于一些名词甚至还不是很熟悉,所以在查找后,我整理如下: new vue 创建vue实例 init events & lifecycle 开始初始化 beforeCreate 组件刚被创建,组建...
  • Coder_Chang
  • Coder_Chang
  • 2017-12-09 13:40
  • 229

php命名空间的理解

命名空间概述 这是只是大概讲一下用法,如果想详细了解,还是阅读官方手册比较好。 什么是命名空间?从广义上来说,命名空间是一种封装事物的方法。在很多地方都可以见到这种抽象概念。例如,在操作系统中目录用来将相关文件分组,对于目录中的文件来说,它就扮演了命名空间的角色。具体举个例子,文件 foo.tx...
  • u010010725
  • u010010725
  • 2016-08-04 14:24
  • 926

生命周期回调函数

生命周期回调函数 下面来详细介绍生命周期中的各回调函数。 getDefaultProps 在组件创建之前,会先调用 getDefaultProps(),这是全局调用一次,严格地来说,这不是组件的生命周期的一部分。在组件被创建并加载候,首先调用 getInitia...
  • gongsunjinqian
  • gongsunjinqian
  • 2016-08-11 16:48
  • 901

vue生命周期的理解

Vue实例从创建到销毁的过程,就是生命周期。详细来说也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程。
  • haochangdi123
  • haochangdi123
  • 2017-10-26 21:22
  • 122

如何理解“面向接口的编程”

经常听说“面向接口编程”,但并不是特别的理解。什么时候应该面向接口编程? 当我一开始接触暴露出的接口的时候,我很困惑,并不知道为什么需要他们。如果我们使用Java或者c#,我们已经有了继承这个概念,我一开始把接口视为一个弱继承。但有个疑问“为什么要这么麻烦”?从某个方便讲,把接口视为弱继承是对...
  • gusgao
  • gusgao
  • 2016-07-22 23:03
  • 1588

软件的生命周期过程

软件的生命周期过程按照GB8566可以划分为基本过程(5个),支持过程(9个),组织过程(7个);
  • mmhhj
  • mmhhj
  • 2016-11-02 22:54
  • 274

vue---生命周期函数

vue中所有的钩子函数: beforeCreate(创建前) created(创建后) beforeMount(载入前) mounted(载入后) beforeUpdate(更新前) updated(更新后) beforeDestroy(销毁前) destroyed(销毁后) 一.
  • Yana_li
  • Yana_li
  • 2017-12-12 11:25
  • 278

Android笔记之Android基本控件布局与Activity的生命周期

前言喜欢安卓里千奇百怪的app,酷炫的UI或者好玩的游戏。想知道那些软件是如何做的,为什么我在微博里发一条消息,就能一直存在网上,让别人看到?为什么我点击一个按钮就出现了一个效果,某个功能?为什么滑动屏幕,侧边栏就滑出来了?QQ里拖动消息的“红圆点”就让强迫症患者轻松了许多。那些强大的功能、酷炫的动...
  • small_bo
  • small_bo
  • 2015-11-23 18:50
  • 630

对于MVVM的理解

参考:http://www.ruanyifeng.com/blog/2015/02/mvcmvp_mvvm.html 一、MVVM 分为3个模块 1.View   2.ViewModel  3.Model 关系为: 注意:View和ViewModel之间是双向绑...
  • Dlg1992
  • Dlg1992
  • 2017-01-06 17:13
  • 620

你对spring的理解是什么?

spring: 1)开源框架,实现了工厂模式的工厂类 2)IoC(Inversion of Control 控制反转)也称为DI(Depency Injection 依赖注入)不是什么技术,而是一种设计思想,将类的创建和依赖关系写在配置文件里,由配置文件注入,实现了松耦合(模块之间的解耦)。所有...
  • xiaoxiangyu5
  • xiaoxiangyu5
  • 2015-07-10 11:27
  • 1036
    个人资料
    • 访问:140444次
    • 积分:3218
    • 等级:
    • 排名:第12563名
    • 原创:179篇
    • 转载:168篇
    • 译文:0篇
    • 评论:12条
    最新评论