【前端学习 - Vue (3) 生命周期】

1. 生命周期

1-1 基本概念

什么是vue生命周期？ Vue 实例从创建到销毁的过程，就是生命周期。

注意：浏览器有8个钩子，但是node中做服务端渲染的时候只有beforeCreate和created

• beforeCreate是new Vue()之后触发的第一个钩子，在当前阶段data、methods、computed以及watch上的数据和方法都不能被访问。 可以做页面拦截。当进一个路由的时候我们可以判断是否有权限进去，是否安全进去，携带参数是否完整，参数是否安全。使用这个钩子好函数的时候就避免了让页面去判断，省掉了创建一个组建Vue实例。

• created 发生在实例创建完成后，当前阶段已经完成了数据观测，也就是可以使用数据，更改数据，在这里更改数据不会触发updated函数。可以做一些初始数据的获取，在当前阶段无法与Dom进行交互（因为Dom还没有创建），如果非要想，可以通过vm.$nextTick来访问Dom。

• beforeMount发生在挂载之前，在这之