vue 生命周期

vue的生命周期 （个人理解）

vue实例从创建到销毁的过程，称为生命周期，共有八个阶段，每个阶段也称为钩子函数，其分别为：

1.创建组件实例，还没观测数据和事件配置—beforeCreate(){}

2.创建组件实例完成，事件配置完成—created(){}

3.渲染模版之前，还未挂载数据—beforeMount(){}

4.渲染模版之后，挂载了数据—mounted(){}

5.数据更新之前—beforeUpdate(){}

6.数据更新之后—undated(){}

7.组件销毁之前—beforeDestroy(){}

8.组件销毁之后—destroyed(){}

用法：写在vue内data之后

beforeCreate(){
    alert("组件刚刚创建，还未监测数据和事件配置");
},
created(){
    alert("组件已经创建完成，并且已经观测数据和事件配置");
},
beforeMount(){
    alert("模版编译之前，还未挂载");
},
mounted(){
    alert("模版编译完成，已经挂载，此时才会渲染页面，可以看到页面上的数据");
},
beforeUpdate(){
    alert("组件更新之前");
},
updated(){
    alert("组件更新之后");
},
beforeDestroy(){
    alert("组件销毁之前");
},
destroyed(){
    alert("组件销毁之后");
}