Vue生命周期

每个Vue实例在被创建之前都要经过一系列的初始化过程,这个过程就是vue的生命周期

我们可以再不同的声明周期对vue进行设置,以达到我们想要的效果

vue一整个的生命周期中会有很多钩子函数提供给我们在vue生命周期不同的时刻进行操作

beforeCreate :创建之前或者说刚刚创建,属性渲染等都还未进行
created :创建之后,属性设置完成,但还未生成DOM
在created的时候数据和data属性进行绑定
beforeMount :加载之前
此时vue的引用模板还未进行渲染
mounted :加载之后
在mounted进行了占位符的替换,例如:{{message}}
在此时可加入一些需要初始调用的方法等
beforeUpdate :更新之前
updated :更新之后
当vue的data发生变化时会先后调用beforeUpdate和updated,在进行一些异步操作时,数据发生变动,从而页面也需要进行一定的操作,这是可调用这两个方法进行设置
beforeDestroy:销毁之前
此时Vue实例还在,但即将销毁
destroyed :销毁之后

* 最常用的应是mounted,一般情况下会在此处进行一些初始化逻辑
* updated本人在点击某个元素刷新其他元素集的时候进行过一些引用,用于重新渲染一些元素集
* 创建阶段可加入一些权限验证,如果不通过则停止声明周期的继续进行
* 销毁阶段可进入一些记录等

发表评论

电子邮件地址不会被公开。 必填项已用*标注