zoukankan      html  css  js  c++  java
  • vue生命周期笔记

    1、创建VUE实例,new Vue()

    2、在创建实例的过程中,调用钩子beforeCreate(),在执行这个函数时,DOM还没有挂载,属性行为都没有绑定

       之后,init injecions and reactivity,注册属性和事件

    3、然后调用create(),此时属性和事件已被注册

       之后,看有没有el选项,没有的话调用vm.$mount(el),

       然后判断有没有template选项,有的话就将template编译成render Function,没有的话将el 的最外层标签作为template

    4、有了render Function之后,调用beforeMount ,要注意的是此时只是编译了模板,还没有把属性挂载上去。

    5、mounted,挂载属性之后调用

    6、beforeUpdate,属性在虚拟DOM中被改变,但是还没渲染

    7、updated,渲染更新

    8、beforeDestoy,组件销毁之前,实例还可用

    9、destroy,VUE 实例指示的所有东西都会解绑定,所有的事件监听器会被移除,所有的子实例也会被销毁,此时再改变属性已经不再起作用。

    参考资料:

    https://juejin.im/post/5ad10800f265da23826e681e

    https://segmentfault.com/a/1190000011219149

  • 相关阅读:
    排查线上问题常用的几个Linux命令
    OAuth2简易实战(一)-四种模式
    程序员必备的网站推荐
    C++ sizeof
    C++ 求余运算符
    C++ mutable(可变的)
    C++ const_cast用法
    C++常变量和文字常量
    C++中 <iso646.h>头文件
    java-网络编程-使用URLDecoder和URLEncoder
  • 原文地址:https://www.cnblogs.com/jiumengmeng/p/9040384.html
Copyright © 2011-2022 走看看