09. 生命周期

2022-12-07 11:22:40发布
34

nuxt与vue的生命周期主要有以下区别 :

1. nuxt有服务端的生命周期

2. nuxt有新增了这几个生命周期 :plugins、middleware、validate、asyncData、fetch

3. nuxt的beforeCreate和created生命周期在服务端和客户端都会执行


执行顺序

生命周期的执行属性是先执行服务端,在执行客户端。顺序如下 :


服务端

plugins

middleware

validate

asyncData

beforeCreate - parent

created  - parent

beforeCreate - child

created - child

fetch


客户端

plugins

beforeCreate - parent

created  - parent

beforeMount  - parent

beforeCreate - child

created - child

beforeMount - child

mounted - child

mounted  - parent


tips :

1. 子组件是没有validate、middleware生命周期的,也就是说子组件中使用这2个函数没用

2. fetch的生命周期是在created 之后,这也就时为什么fetch中能用this的原因