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的原因