vue生命周期 （单词，每个钩子函数可以做什么，执行顺序）

vue生命周期

 

目录

vue生命周期

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

创建前/后：

载入前/后：

更新前/后：

销毁前/后：

---

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

 

创建前/后：

beforeCreate
每一个页面都是一个vue实例，这时实例还没有被创建，所以你无法知道data，也不能用watch监听  在这个时候data和methods都不能使用

created
这时实例已经创建，可以得到data，调用watch，但是页面还是空白的     他是最早可以使用data和methods的钩子函数

 

载入前/后：

beforeMount
页面挂载前，指的是节点还没渲染完成。

mounted
页面挂载了，这时你可以看到页面的内容，也可以访问到dom   模板渲染完成

created和mounted的区别:

created       创建完成之后        可以使用data和methods的钩子函数
mounted    挂载之后                 模板渲染完成  加载的是节点

俩个都可以请求axios

 

更新前/后：

beforeUpdate

当我们修改了data中的数据，内存中的数据已经被修改，但是我们视图中的文本还未改变。

updated

当我们修改了data中的数据，内存中的数据和视图的文本都已经改变

 

销毁前/后：

beforeDestroy

即将要销毁vue实例，因此data和methods中的数据还是可以使用的，所以我们可以在这个钩子函数中做一些释放内存的操作。  他是最后一个可以使用data和methods的钩子函数

destroyed
这时候实例已经被完全销毁

 

配合一张图  思路更清晰: