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组件停用时调用。该钩子在服务端渲染期间不被调用。
  • 相关阅读:
    .NET中栈和堆的比较 #1
    Asp Interview Questions and Answers
    c#缓存介绍(转)
    [转]Post和Get的区别(兼谈页面间传值的方式)
    .NET垃圾回收机制 转
    zoj 3008 3010
    zoj 2912 Average distance
    TinyMCE,强大的网页编辑器插件
    zoj 3587 Marlon's String
    SOJ和FOJ的比赛
  • 原文地址:https://www.cnblogs.com/Strugglinggirl/p/15216983.html
Copyright © 2011-2022 走看看