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

  • 相关阅读:
    代理模式第一篇
    命令模式第二篇
    windows service 定时
    postman之asp.net webapi
    qq第三方登录
    core2.1下的identity 汉化
    asp.net core2.0里的Nlog
    Unable to create an object of type 'ApplicationDbContext'.
    identity使用mysql
    二进制位运算解决状态值
  • 原文地址:https://www.cnblogs.com/jiumengmeng/p/9040384.html
Copyright © 2011-2022 走看看