zoukankan      html  css  js  c++  java
  • Vue的生命周期

    接下来小编给大家介绍一下vue的生命周期以及每个生命周期当中我们适合做什么

    实例的初始化阶段
    1.beforeCreated:当执行到这个函数的时候,当前的实例上只是初始化了主要的生命周期函数而已,但是实例的data和method尚未初始化
    2.Created:当执行到这个函数的时候,表示当前实例的data和method已经初始化好了,如果想要获取自己的首屏数据,最好在created里面进行调用ajax方法
    3.beforeMounted:此时将要把内存当中HTML结构渲染到页面上面, 但是并没有真正的渲染,所以页面上还是空白的,用户看到的还是插值表达式这样的结构
    4.Mounted: 创建阶段的最后一个生命周期函数,初始化一些javaScript插件最好在这个阶段进行初始化


    下面是实例的运行阶段


    5.beforeUpdate:执行到这个函数说明data中的数据是最新的数据了,但是页面上的数据仍然是老数据
    6.Update:表示页面完成了更新,此时data和页面都是最新的
    7.beforeDestory vm实例即将被销毁,此时vm实例还是可以正常进行工作的
    8.destoryed:vm实例已经被毁灭,已经无法正常进行工作了


    这样我们就可以在相应的生命周期函数当中来进行我们的配置了。


    ————————————————
    版权声明:本文为CSDN博主「Michealkz」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
    原文链接:https://blog.csdn.net/qq_43081842/article/details/93660436

  • 相关阅读:
    Ubuntu16.04 LTS 安装VNC Server开启远程桌面
    duilib List右键菜单的响应
    centos bootloader安装到u盘后修复方法
    dpkg: error processing package XXX (--configure) 解决方法 (ubuntu右上角红色警告)
    linux centos ftp服务器搭建
    windows 端口转发 netsh
    遍历windows窗口
    解除文件占用
    VS 运行库MT、MD的区别
    点击显示桌面的窗口状态
  • 原文地址:https://www.cnblogs.com/Ao-min/p/14850505.html
Copyright © 2011-2022 走看看