Vue2.0,lifeCycle ['laɪfˌsaɪkl] -- 生命周期大白话~
生命周期,这词太屌了,头一次在前端相关文章中看到这个词的时候,我真是被唬住了。心里想,这前端还跟生命周期搞一块了,是不是还带转生投胎啊,跪着看了一半,我就站起来了,“这生命周期不就是类似回调之类的东西么”,当什么什么的时候,才能什么什么。如果我说错了,请在留言喷我
////////
网上有一个说vue生命周期的流程图,就下面这个图,
我看传的挺广的,整个的图我就不往上贴了。这种图我看着就头疼,也许是我水平太low。当然了,更也许是除我之外谁都看得明白。
在网上查了些资料,创建一个vue实例大概是这么个意思,
beforeCreate,刚创建,但啥也没有; created,创建完,有属性;没dom,没$el.. beforemount,模板之前 mounted,模板之后, beforeupdate,组件更新之前 updated,组件更新之后 activated,组件激活 deactivated,组件删除 beforeDestory,组件销毁前 destoryed,组件销毁后
////////
上面那些个生命周期,以下都是我个人主观的看法了,全都是回调,
随便找一个写点伪代码:
function activated( n, callback){
if(n == 随便什么东西){
callback()
}
}
activated( xxx, function(){
'啊,激活这个组件吧!!biu!'
});
这个伪代码也不太达意,反正就是这个意思吧。然后在函数中会有n多的判断,什么是否确认?是否删除?删除之后?...等,
////////
我这么想法对么?难道vue的生命周期概念就这么简单?还是说我思想一直没转变过来?
也许生命周期的意思是指,整个vue组件从创建到销毁的整个过程,从生到灭。而这其中的每一步,其实都是回调?(我没看过源码,想了想还是用问号吧)
我看react的所谓生命周期跟vue的这个也差不多啊,都是一些加载前,加载中,加载后,删除前,删除中,删除后之类的封装。这种东西总的实现思路不都是回调么?
当然了,在这些框架的源码之中,关于生命周期肯定会有非常多的实现和逻辑,但总的思路方向,我总是觉得应该就是这个方向吧?请vue大牛教我
- Hadoop离线数据分析平台实战——370外链信息分析Hadoop离线数据分析平台实战——370外链信息分析
- POJ 1067 取石子游戏
- 【一起学Python】STEAM游戏评测爬虫
- Open Judge 2750 鸡兔同笼
- POJ 1017 Packets
- Hadoop离线数据分析平台实战——380MapReduce程序优化Hadoop离线数据分析平台实战——380MapReduce程序优化
- 配置远程访问Jupyter+腾讯云超划算活动上车
- HDU 4256 The Famous Clock
- ZOJ 1403&&HDU 1015 Safecracker【暴力】
- Torch7搭建卷积神经网络详细教程
- 爬虫入门到精通-HTTP协议的讲解
- 批量替换文件名和文本文件内容mac
- 抓取手机app的数据(摩拜单车)
- Hadoop离线数据分析平台实战——520项目总结Hadoop离线数据分析平台实战——520项目总结
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法