完整的Vue生命周期和钩子函数
var vm = new Vue({
el:"#app",
beforeCreate(){
console.log("初始化了生命周期");
},
created(){
console.log("初始化了活动对象");
console.log("在这个钩子函数中通常进行ajax请求")
},
beforeMount(){
console.log("进入渲染函数,但还没有渲染");
},
mounted(){
console.log("模版渲染完成");
console.log("可以在此进行DOM操作")
},
beforeUpdate(){
console.log("数据发生了变化,但是还没有完成");
},
updated(){
console.log("数据发生变化了,并且已经完成了");
},
activated(){
console.log("keep-alive组件被激活");
},
deactivated(){
console.log("切换组件的时候被触发");
},
beforeDestroy(){
console.log("vue实例销毁前触发");
},
destroyed(){
console.log("vue实例已经销毁");
}
});