Vue.js之生命周期

Vue生命周期:一个Vue实例从 创建到销毁 的整个过程

生命周期四个阶段:① 创建 ② 挂载 ③ 更新 ④ 销毁

总结：四个阶段，八个钩子→三个常用 created，mounted，beforeDestroy

//1.创建阶段(准备数据)
beforecreate(){
console.log("beforecreate响应式数据准备好之前')
},
​
**created(){
//初始化渲染数据的请求要在这一阶段发起请求
// this.数据名= 请求回来的数据
//可以开始发送初始化渲染的请求了
console.log('created 响应式数据准备好之后'，this.count)
},
​
//2.挂载阶段(渲染模板)
beforeMount(){
console.log('beforeMount 模板渲染之前')
},
​
**mounted(){
//这里才可以操作dom
console.log('mounted 模板渲染之后')
}
​
//3.更新阶段(修改数据→更新视图)
beforeUpdate(){
console.log('beforeUpdate 数据修改了，视图还没更新')
},
​
updated(){
console.log('updated 数据修改了，视图已经更新’)
},
​
// 4.卸载阶段
beforeDestroy(){
console.log('beforeDestroy')
},
destroyed(){
console.log('destroyed')
}