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("组件销毁")
}

猜你喜欢

转载自blog.csdn.net/u011280778/article/details/87559887
今日推荐