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实例永远活在我们心中!!!"); } })
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复
css3 flex布局 justify-content:space-between 最后一行左对齐
网友评论