博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue2.0组件的生命周期
阅读量:6863 次
发布时间:2019-06-26

本文共 1819 字,大约阅读时间需要 6 分钟。

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('组件被移除时调用') },

转载于:https://www.cnblogs.com/aqigogogo/p/7492795.html

你可能感兴趣的文章
oracle parallel 并行 设置 理解
查看>>
Debian rails Puma god 开机启动
查看>>
在Linux中同时删除一百万个小文件的最快方法
查看>>
JS数字金额转为大写金额
查看>>
我的友情链接
查看>>
我的友情链接
查看>>
velocimeter-view android测速仪效果
查看>>
HTTP Status 400 -
查看>>
表单Form传参数
查看>>
新的开始
查看>>
YUM库与YUM源的配置实例
查看>>
基于Hyper-V3.0搭建XenDesktop7之九 部署虚拟应用之模板准备
查看>>
阿里影业已完成质变,何时量变?
查看>>
mysql登陆提示ERROR 1045 (28000): Access denied for user
查看>>
我的友情链接
查看>>
剑指Offer(Java版):数值的整数次方
查看>>
extlinux安装livecd到USB
查看>>
cvBlob 作为静态库链接问题
查看>>
AGG第二十二课 conv_contour函数auto_detect_orientation的字体应用
查看>>
哲学家就餐问题
查看>>