vue生命周期的几种状态

vue的生命周期

从出生到加载 到 销毁 有一套完整的生命周期过程

能够让我们进行在不同时期去写不同的代码 去做不同的事情

钩子函数 就是不同的生命周期 vue给我们暴露出来的 回调函数

varvn=newVue({

el:'.box',

data:{

msg:'<h1>呵呵</h1>'

},

beforeCreate:function() {

alert("实例要创建了,要开始表演了");

},

created:function() {

alert('vue实例已经new出来了,方法和属性还没有编译');

},

beforeMount:function() {

alert('vue实例已经创建完成,马上要执行内部属性和方法的编译');

},

mounted:function() {

alert('对象和属性已经编译完成');

},

beforeUpdate:function() {

alert('数据马上更新,没保存赶紧保存');

},

updated:function() {

alert('数据已经更新');

},

beforeDestroy:function() {

alert('vue实例已经走到尽头了');

},

destroyed:function() {

alert("vue实例永远活在我们心中!!!");

}

})