zoukankan      html  css  js  c++  java
  • vue2.0组件的生命周期

     beforeCreate(){
    console.log(new Date().getTime())
    let data = this.text;
    console.log('组件创立之前')
    console.log('beforeCreate', data ? "数据获取成功" : '数据获取失败');
    console.log('beforeCreate', $('.study').length ? "dom获取成功" : 'dom获取失败');
    },
    created(){
    console.log(new Date().getTime())
    console.log('组件实例创建完成')
    let data = this.text;
    console.log('created', data ? "数据获取成功" : '数据获取失败');
    console.log('created', $('.study').length ? " dom获取成功" : 'dom获取失败');
    //初次加载时不在 数据改变再次渲染是dom存在
    },
    beforeMount(){
    console.log(new Date().getTime())
    console.log('组件编译挂载之前')
    let data = this.text;
    console.log('beforeMount', data ? "数据获取成功" : '数据获取失败');
    console.log('beforeMount', $('.study').length ? "dom获取成功" : 'dom获取失败');
    // console.log($ele.demo)

    },
    mounted(){
    console.log(new Date().getTime())
    console.log('组件编译挂载之后')
    let data = this.text;
    console.log('mounted', data ? "数据获取成功" : '数据获取失败');
    console.log('mounted', $('.study').length ? "dom获取成功" : 'dom获取失败');

    },
    beforeUpdate(){
    console.log(new Date().getTime())
    console.log('组件更新之前')
    let data = this.text;
    console.log('beforeUpdate', data ? "数据获取成功" : '数据获取失败');
    console.log('beforeUpdate', $('.study').length ? "dom获取成功" : 'dom获取失败');
    },
    updated(){
    console.log(new Date().getTime())
    console.log('组件更新之后')
    let data = this.text;
    console.log('updated', data ? "数据获取成功" : '数据获取失败');
    console.log('updated', $('.study').length ? "dom获取成功" : 'dom获取失败');
    },
    activated(){
    // 跳路由的时候
    /*写于当前组件内*/
    console.log('组件激活时调用')
    },
    deactivated(){
    console.log('组件被移除时调用')
    },
  • 相关阅读:
    hdu 1214 圆桌会议(规律)
    hdu 1280 前m大的数
    hdu 2114 Calculate S(n)
    hdu 1210 Eddy's 洗牌问题
    hdu 1423 Greatest Common Increasing Subsequence(最长公共递增子序列lcis)
    7.30前端之Html简介
    8.3前端之Html列表
    7.30前端之Html头部
    7.30前端之Html元素
    7.23Java之递归练习
  • 原文地址:https://www.cnblogs.com/aqigogogo/p/7492795.html
Copyright © 2011-2022 走看看