当前位置: 移动技术网 > IT编程>网页制作>CSS > vue生命周期的几种状态介绍

vue生命周期的几种状态介绍

2018年03月22日  | 移动技术网IT编程  | 我要评论

vue的生命周期

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

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

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

var
vn=new
Vue({

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实例永远活在我们心中!!!");

}




})

 

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网