完整的Vue生命周期和鉤子函數(shù)
var vm = new Vue({
el:"#app",
beforeCreate(){
console.log("初始化了生命周期");
},
created(){
console.log("初始化了活動對象");
console.log("在這個鉤子函數(shù)中通常進(jìn)行ajax請求")
},
beforeMount(){
console.log("進(jìn)入渲染函數(shù)省咨,但還沒有渲染");
},
mounted(){
console.log("模版渲染完成");
console.log("可以在此進(jìn)行DOM操作")
},
beforeUpdate(){
console.log("數(shù)據(jù)發(fā)生了變化羹与,但是還沒有完成");
},
updated(){
console.log("數(shù)據(jù)發(fā)生變化了,并且已經(jīng)完成了");
},
activated(){
console.log("keep-alive組件被激活");
},
deactivated(){
console.log("切換組件的時候被觸發(fā)");
},
beforeDestroy(){
console.log("vue實例銷毀前觸發(fā)");
},
destroyed(){
console.log("vue實例已經(jīng)銷毀");
}
});