vue生命周期的几种状态

vue的生命周期从出生到加载到销毁有一套完整的生命周期过程能够让我们进行在不同时期去写不同的代码去做不同的事情钩子函数就是不同的生命周期 vue给我们暴露出来的回调函数varvn=newVue({el:'.box',data:{msg:'呵呵'},beforeCreate:function() {alert("实例要创建了

CrazyMan66

2856人浏览 · 2017-12-23 09:48:54

CrazyMan66 · 2017-12-23 09:48:54 发布

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^