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

  • 相关阅读:
    JAVA线程池原理详解一
    并发工具类:CountDownLatch、CyclicBarrier、Semaphore
    JAVA并行框架:Fork/Join
    Mock Server实践
    MockWebServer使用指南
    mybatis学习笔记 spring与mybatis整合
    怎样使用Mock Server
    基于unittest测试框架的扩展
    运营商劫持
    单元测试实战手册
  • 原文地址:https://www.cnblogs.com/jiumengmeng/p/9040384.html
Copyright © 2011-2022 走看看