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(‘组件被移除时调用‘)    },
时间: 2024-11-25 04:38:04

vue2.0组件的生命周期的相关文章

ReactJS入门3:组件的生命周期

本文主要介绍组件的生命周期. 组建的生命周期主要分为3个:Mounting.Updating.Unmounting. 1. Mounting:组件被加载到DOM     在本阶段,主要有三个方法: 1.1 getInitialState():object 设置初始状态 1.2 componentWillMount() Mounting发生前调用 1.3 componentDidMount() Mounting发生后调用.该方法主要用于请求DOM节点的初始化. 2.Updating:DOM更新,组

老调长谈的Flex 4.6 可视组件的生命周期

本文参考Adobe flex 4.6 help,写作目的仅为了个人加强记忆与体会 Flex 4以上版本中,可视组件分为spark和halo两套,spark用组件类和皮肤类的分离大大提高了对自定义外观的支持,特别是对于某些子皮肤部件移动位置改变布局的自定义外观,再也不需要大费周章的重写组件的updateDisplay方法了. 两套组件在生命周期上其实差别不大 spark组件 var btn:Button=new Button(); btn.label="按钮"; var box:VGro

Tomcat 8(九)解读Tomcat组件的生命周期(Lifecycle)

Tomcat 8(七)解读Bootstrap介绍过.运行startup.bat.将引发Tomcat一连串组件的启动.事实上这一连串启动是通过组件的生命周期(Lifecycle)实现的 今天来看看Lifecycle设计.解读Lifecycle.涉及到例如以下几个类 Lifecycle.LifecycleState.LifecycleEvent.LifecycleListener(位于org.apache.catalina) LifecycleBase.LifecycleSupport.Lifecy

React Native 中组件的生命周期(转)

概述 就像 Android 开发中的 View 一样,React Native(RN) 中的组件也有生命周期(Lifecycle).所谓生命周期,就是一个对象从开始生成到最后消亡所经历的状态,理解生命周期,是合理开发的关键.RN 组件的生命周期整理如下图: 如图,可以把组件生命周期大致分为三个阶段: 第一阶段:是组件第一次绘制阶段,如图中的上面虚线框内,在这里完成了组件的加载和初始化: 第二阶段:是组件在运行和交互阶段,如图中左下角虚线框,这个阶段组件可以处理用户交互,或者接收事件更新界面: 第

vue嵌套组件的生命周期

vue嵌套组件的生命周期 问:有A.B.C三个组件,A为B的父组件,B为C的父组件,它们的创建和挂载顺序是怎样的?即(beforeCreate/created,beforeMounte/mounted)的执行顺序 代码演示 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewpo

通信vue2.0组件

vue2.0组件通信各种情况总结与实例分析 Props在vue组件中各种角色总结 在Vue中组件是实现模块化开发的主要内容,而组件的通信更是vue数据驱动的灵魂,现就四种主要情况总结如下: 使用props传递数据---组件内部 //html <div id="app1"> <i>注意命名规定:仅在html内使用my-message</i> <child my-message="组件内部数据传递"></child&

React组件的生命周期

整个组件,从创建组件类开始,到渲染,到消亡的过程,就是组件的生命周期. 组件的生命周期可以分为三个阶段: 挂载阶段 更新阶段 卸载阶段 挂载阶段 在这个过程中,会触发以下几个事件 getDefaultProps,设置默认属性 getInitialState,设置初始状态 componentWillMount 即将挂载 render 渲染,就是挂载 componentDidMount 挂载完成 <!DOCTYPE html> <html> <head> <meta

Android React Native组件的生命周期及回调函数

熟悉android的童鞋应该都清楚,android是有生命周期的,其很多组件也是有生命周期.今天小编和大家分享的React Native组件的生命周期,还不了解的童鞋,赶紧来围观吧 在android开发中,React Native组件的生命周期,大致分为三个阶段,分别是: 1.组件第一次绘制阶段,这个阶段主要是组件的加载和初始化: 2.组件在运行和交互阶段,这个阶段组件可以处理用户交互,或者接收事件更新界面: 3.组件卸载消亡的阶段,这个阶段主要是组件的清理工作. 在Android React

ExtJS关于组件Component生命周期

extjs组件生命周期大体分为3个阶段:初始化.渲染.销毁. 第一阶段:初始化 初始化工作开始于组件的诞生,所有必须的配置设定.事件注册.预渲染处理等都在此时进行. 1.应用组件的配置: 当初始化一个组件的实例时,传递的组件配置对象包含了希望让组件拥有的所有功能,这些都是在Ext.Component基类的前几行代码完成的. 2.注册事件: 诸如enable/disable,show,hide,render,destory,state restore,state save等等事件,是所有继承于Ex