vue生命周期钩子函数

vue中的生命周期【钩子函数详细用法】

beforeCreate:初始化之前

beforeCreate(){
console.log('1-beforeCreate 初始化之前');
}

created:初始化完成

created(){
console.log('created初始化完成');
}

beforeMount:挂载之前

beforeMount(){
console.log('beforeMount挂载之前');
}

mounted:挂载完成之后

mounted(){
console.log('mounted挂载完成之后');
},

beforeUpdate:数据更新之前


beforeUpdate(){
console.log('beforeUpdate数据更新前');
},

update:数据更新之后


updated(){
console.log('updated数据更新之后');
},

beforeDestroy:解除绑定之前

beforeDestroy(){
console.log('beforeDestroy解除绑定之前');
},

destroyed:解除绑定之后

destroyed(){
console.log('destroyed 解除绑定之后')
}

注:解除绑定需要在vue实例之外写解除绑定的方法vue自己给定义好了".$destroy"

function del() {
// 解除绑定
app.$destroy();
}

附:vu生命周期图示vue生命周期钩子函数e