VUE生命周期钩子

Posted 前端小超人

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了VUE生命周期钩子相关的知识,希望对你有一定的参考价值。

var app=new Vue({
el:‘#app‘,
data:{
a:2
},
beforeCreate:function(){
console.log("实例创建之前");
},
created:function(){
console.log("a is:"+this.a);
console.log("实例创建之后");
},
beforeMount:function(){
console.log("模板编译/挂载之前")
},
mounted:function(){
console.log("模板编译/挂载之后")
},
beforeupdated:function(){
console.log("实例更新之前")
},
updated:function(){
console.log("实例更新之后")
},
beforeDestory:function(){
console.log("组件销毁前调用")
},
destroyed:function(){
console.log("组件销毁后调用")
}
})

以上是关于VUE生命周期钩子的主要内容,如果未能解决你的问题,请参考以下文章

Vue笔记(Vue生命周期 11个钩子)

vue 生命周期钩子用法以及执行顺序

vue3生命周期及生命周期函数(钩子函数)详解通俗易懂

Vue——生命周期和钩子函数的一些理解

了解 Vue 生命周期钩子

vue父组件与子组件生命周期钩子顺序是啥?