Vue 的 生命周期

Vue 的 生命周期

总共分为8个阶段。创建前/后，载入前/后，更新前/后，销毁前/后。

创建前/后

beforeCreate(创建前)：在此生命周期函数执行的时候，data和methods中的数据都还没有初始化。

created(创建后)：在此生命周期函数中，data和methods都已经被初始化好了，如果要调用 methods中的方法，或者操作data中的数据，最早只能在created中操作。

载入前/后

beforeMount(载入前)：在此生命周期函数执行的时候，模板已经在内存中编译好了，但是尚未挂载到页面中去，此时页面还是旧的。

mounted(载入后)：此时页面和内存中都是最新的数据，这个钩子函数是最早可以操作dom节点的方法。

更新前/后

beforeUpdate(更新前)：此时页面中显示的数据还是旧的，但是data中的数据是最新的，且页面并未和最新的数据同步。

Updated(更新后)：此时页面显示数据和最新的data数据同步。

销毁前/后

beforeDestroy(销毁前)：当执行该生命周期函数的时候，实例身上所有的data，所有的methods以及过滤器…等都处于可用状态，并没有真正执行销毁。
destroyed(销毁后)：此时组件以及被完全销毁，实例中的所有的数据、方法、属性、过滤器…等都已经不可用了。