1、vue的生命周期

　　1)、生命周期是什么?

　　Vue 实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模版、挂载 Dom -> 渲染、更新 -> 渲染、卸载等一系列过程，我们称这是 Vue 的生命周期。

　　2)、各个生命周期阶段及其钩子函数

　　vue的生命周期核心经历了四个阶段，在四个阶段的前后分别有两个钩子函数。

　　第一阶段：数据挂载阶段：把配置项data中的属性，赋给了vue对象本身，并做了数据劫持。

　　该阶段前后的两个钩子函数：beforeCreate和created

　　第二阶段：模板渲染阶段：把vue对象的数据渲染到模板上。

　　该阶段前后的两个钩子函数：beforeMount和mounted

　　第三阶段：组件更新阶段：当数据发送变化时，组件会进行重新渲染，所以，准确的说是，组件重新渲染阶段。

　　该阶段前后的两个钩子函数：beforeUpdate和updated

　　第四阶段：组件销毁阶段：组件销毁。

　　该阶段前后的两个钩子函数：beforeDestroy和destroyed

　　视情况可以补充：

　　当使用keep-alive包裹组件时，会有组件激活和停用之说，这两个钩子函数分别是：activited和deactivated

　　2、发送请求在生命周期的哪个阶段，为什么不可以是beforeMount，mounted中。

　　(如果组件的初始数据来自后端)发送请求建议在钩子函数created里，这个钩子函数里是最快，也能有助于一致性。

　　为什么?

　　1)、为什么不能放在beforeCreate里?

　　因为：

　　一般来说，数据从后端返回回来后，都会赋给vue中的属性(data挂载的)，在beforeCreate钩子函数里，data的数据还没有挂载到vue对象本身上，所以，不能在这个钩子函数里用。而created钩子函数里，数据已经挂载到vue对象了。

　　2)、为什么不可以是beforeMount，mounted中

　　因为：

　　第一，在这两个钩子函数里，发送请求有点晚，会增加页面loading的时间;

　　第二，vue的SSR不支持beforeMount 、mounted 钩子函数，所以，放在 created 中有助于一致性

上一篇

app怎么做适配的？

下一篇

react的render什么时候渲染？