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生命周期图示e