• 四、生命周期


    每个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组件停用时调用。该钩子在服务端渲染期间不被调用。
  • 相关阅读:
    中介者模式
    观察者模式
    javascript深入理解js闭包
    外观模式
    模板方法模式
    浅析C#深拷贝与浅拷贝
    C#浅拷贝与深拷贝区别
    6个重要的.NET概念:栈,堆,值类型,引用类型,装箱,拆箱
    原型模式
    设计模式总结
  • 原文地址:https://www.cnblogs.com/Strugglinggirl/p/15216983.html
Copyright © 2020-2023  润新知