Vue的生命周期

Vue的生命周期

Vue从创建到销毁，一共经历八个阶段，我们称之为八个生命周期。（也就是八个函数）
每个周期我们执行不同的事情，在不恰当的生命周期没有办法做不合适的事情，
对吧，少壮不努力，老大徒伤悲，会裂开的。
八个生命周期（函数）分别是：

beforeCreate(){
	//创建前
}；

这个阶段，我们可以进行日志的上传进行，数据初始化，会定义data数据，方法以及事件

created(){
	//创建
}；

执行完之后，我们已经可以拿到data下的数据以及methods下的方法。这个阶段不建议异步请求，在服务器端渲染的时候，这个函数是最后一个生命周期。

beforeMount(){
	//挂载前
};

实际从creted到beforeMount之间，最主要的工作就是将模板或者el转换为render函数。可以对一些数据进行初始化。

 mounted(){
	//挂载！！！
}；

发起ajax【推荐】前端项目大多数都是运行在浏览器，极少数是服务器渲染

开始渲染render函数，首先我们会先生产一个虚拟dom（用于后续数据发生变化时，新老虚拟dom对比计算），进行保存，然后再开始将render渲染成为真实的dom。渲染成真实dom后，会将渲染出来的真实dom替换掉原来的vm.$el,然后再将替换后的$el append到我们的页面内。整个初步流程就算是走完了。

beforeUpdate(){
	//更新前
}；

此时可以二次对数据进行更改。并且，保证dom已经被挂载的情况下，且当前组件并未被销毁，才会走update流程

updated(){
	//更新
}；

此时只能观察到更新后的数据

beforeDestroy(){
	//销毁前
}；

可以清理一部分垃圾数据，可以提示用户离开的提示词

destroyed(){       
}

销毁

对于初学者来说，最重要的就是mounted函数，这个阶段是我们主要操作的。