vue.js框架的生命周期：常用钩子函数

//组件实例化之前执行的函数
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("组件销毁")
}

图解其生命周期执行顺序：