导语：vue生命周期及生命周期执行顺序

vue有哪些生命周期：1.系统自带8个 2.加了keep-alive会多个生命周期（activated、deactivated）,所以总共有10个生命周期函数

1.系统自带的生命周期及加载顺序如下：8个钩子函数

beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestroydestroyed

2.进入页面不进行任何操作会执行的钩子函数：执行前面4个生命周期

beforeCreate

created

beforeMount

mounted

截图如下：

3.哪个阶段有$el（DOM）,那个阶段有$data（数据）

beforeCreate      DOM和数据都没有created               有数据没有DOMbeforeMount     有数据没DOMmounted            有数据有DOM

所以，加载数据要在created之后，一般就在created里面，越早请求越好

获取DOM必须在mounted 之后，否则获取不到DOM；当然了，在mounted及mounted之后的生命周期都会有$el和$data

截图如下：

4.使用keep-alive后多出的2个钩子函数：activated、deactivated

免责声明:本站部份内容由优秀作者和原创用户编辑投稿，本站仅提供存储服务，不拥有所有权,不承担法律责任。若涉嫌侵权/违法的，请反馈，一经查实立刻删除内容。本文内容由快快网络小竹创作整理编辑！