首页 > 代码库 > vue的生命周期
vue的生命周期
vue生命周期
钩子函数:
1、created ----- 实例已经创建的时候执行,也就是new Vue成功了之后执行
2、beforeCompile ----- 实例创建完了, 编译之前
3、compiled ----- 编译之后
4、ready ----- 插入到文档中
5、beforeDestroy ----- 销毁之前
6、destroyed ----- 销毁之后
window.onload=function(){
var vm= new Vue({
el:‘#box‘,
data:{
msg:‘Hello word‘
},
created:function(){
alert(‘实例已经创建‘)
},
beforeCompile:function(){
alert(‘编译之前‘)
},
compiled:function(){
alert(‘编译之后‘)
},
ready:function(){
alert(‘插入到文档中‘)
},
beforeDestroy:function(){
alert(‘销毁之前 ‘)
},
destroyed:function(){
alert(‘销毁之后‘)
}
});
document.onclick=function(){
vm.$destroy() //让销毁管用
};
};
vue的生命周期
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。