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

    beforeCreate(){  // 刚刚new  Vue()之后,这个时候,数据还没有挂载,只是一个空壳,可以在这加个loading

      console.log('创建前')

      console.log('el:' + this.$el)  // undefined

      console.log('el:' + this.$data)  // undefined

    }

    created(){  // 这个时候已经可以使用data中的数据,也可以更改数据,在这里不会触发updated函数,在这结束loading

      console.log('创建完毕')

      console.log('el:' + this.$el)  // undefined

      console.log('el:' + this.$data)  // 已被初始化

    }

    beforeMount(){  // 虚拟dom已经创建完成,马上就要渲染,在这里也可以更改数据,不会触发updated函数

      console.log('挂载前')

      console.log('el:' + this.$el)  // 已被初始化

      console.log('el:' + this.$data)  // 已被初始化

    }

    mounted(){  // 此时,组件已经出现在页面中,数据、dom都已经处理好了,事件都已经挂载好了,在这发起后端请求

      console.log('挂载结束')

      console.log('el:' + this.$el)  // 已被初始化

      console.log('el:' + this.$data)  // 已被初始化

    }

    beforeUpdate(){

      console.log('更新前')

    }

    updated(){

      console.log('更新完成')

    }

    beforeDestroy(){  // 销毁前执行

      console.log('销毁前')

    }

    destroyed(){  // 组件的数据绑定,监听...都会去掉,只剩下dom空壳

      console.log('销毁完成')

    }

  • 相关阅读:
    vue 基础
    Bootstrap 基础
    FormatMessage函数
    CreateProcess中的部分参数理解
    关于远程线程的调用
    利用服务枚举进程
    FindQQByProcess
    寻找kernel32.dll的地址
    ShellCode的几种调用方法
    操作系统版本
  • 原文地址:https://www.cnblogs.com/cuishuangshuang/p/13175140.html
Copyright © 2011-2022 走看看