zoukankan      html  css  js  c++  java
  • 四、生命周期

    每个Vue实例在被创建时,都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到DOM并在数据变化时更新DOM等。

    同时在这个过程中也会运行一些,叫做生命周期钩子的函数,这给了用户在不同阶段,添加自己代码的机会。

    简单说,不能瞎写代码,要到new Vue({})里面,在对应的生命周期钩子函数中,写相应的代码。)

    beforeCreate: 
    created:初始化完成之后调用。(不能获取dom,可以获取ajax数据)
    beforeMount:
    mounted:挂载完成之后调用(可以获取dom)
    beforeUpdate:
    
    updated:数据更新之后调用。
    应用场景:可以做数据更新后获取焦点,也可以获取dom的动态属性,更改数据时对dom进行操作。
    beforeDestroy:在Vue实例销毁之前调用。(在这一步,实例仍然完全可用。页面离开前)
    destoryed:
    调用后,Vue实例指示的所有东西都会解除绑定,所有事件监听器会被移除,所有的子实例也会被销毁。
    activated:在keep-alive组件被激活时调用。(该钩子在服务器端渲染期间不被调用。用于性能优化缓存dom和数据)
    deactivated:
    keep-alive组件停用时调用。该钩子在服务端渲染期间不被调用。
  • 相关阅读:
    ural 1110,快速幂
    ural 1109,NYOJ 239,匈牙利算法邻接表
    CodeBlocks养眼的colour theme
    UVa 10047,独轮车
    UVa 10054,欧拉回路
    UVa 11624,两次BFS
    hiho一下,第115周,FF,EK,DINIC
    Poj(1220),hash
    2013 Asia Regional Changchun I 题,HDU(4821),Hash
    UVa 213,World Finals 1991,信息解码
  • 原文地址:https://www.cnblogs.com/Strugglinggirl/p/15216983.html
Copyright © 2011-2022 走看看