1. beforeCreate (创建前)
在vue实例完全被创建出来之前(意思就是说vue实例还没有被完全创建出来)被调用,
此时数据还没有被初始化,所以无法访问数据
2. created (创建后)
在vue实例创建完成后被调用,这个过程已完成了数据的初始化,可以被访问得到,也
能获得methods方法;这个过程可以修改数据,这也是渲染之前修改数据的机会。
3. beforeMount (载入前)
这个过程是在模版已经在内存中编译完成,挂载之前被调用,render函数也是首次被调
用,此时完成了虚拟Dom的构建,但并未被渲染,这也是最后一次修改数据的机会。
4. mounted (载入后)
表示内存中的模板已经渲染到页面中去,这个时候数据已经可以经过Vue的编译,该函
数是实例创建的最后- - 个函数,此时实例已经完全创建好了,如果没有别的操作的话,此函
数就静静躺在内存中,如果要使用某些插件操作页面上的DOM,最早要在mounted中操作。
5. beforeUpdate (修改前)
这个过程是在重新渲染之前(更新前)调用,这个过程页面中显示的数据并没有更新,但
是内存中的数据已经改变,也就是说此时页面尚未和最新的数据保持同步。
6. updated (修改后)
这个过程在重新渲染之后(更新后调用)被调用,页面中的数据已经和内存中保持一-致
了,也就是说此时已经是最新的了。
7. beforeDestroy (销毁前)
这个过程是vue实例销毁之前被调用,在这个过程中我们可以做- -些事情,比如清除
计时器或事件等等。
8. destroyed (销毁后)
vue实例销毁后调用,并且vue实例中所有的东西都会解绑,所有的事件监听器都会被
移除,所有的子实例也会被销毁。
vue生命周期
最新推荐文章于 2024-09-06 22:20:29 发布