//组件实例化之前执行的函数
beforeCreate:function () {
alert("组件实例化之前执行的函数")
},
//组件实例化完毕执行的函数
created:function () {
alert("组件实例化完毕执行的函数")
},
//组件挂载前,页面仍未展示,但虚拟Dom已经配置
beforeMount:function () {
alert("组件挂载前,页面仍未展示,但虚拟Dom已经配置")
},
//组件挂载后,此函数执行完,页面显示
mounted:function () {
alert("组件挂载后,此函数执行完,页面显示")
},
//组件更新前,页面仍未更新,但虚拟Dom已经配置
beforeUpdate:function () {
alert("组件更新前,页面仍未更新,但虚拟Dom已经配置")
},
//组件更新,此函数执行完,页面显示
updated:function () {
alert("组件更新,此函数执行完,页面显示")
},
//组件销毁前
beforeDestroy:function () {
alert("组件销毁前")
},
//组件销毁
destroyed:function () {
alert("组件销毁")
}
图解其生命周期执行顺序: