再说 Vue 的 life-cycle 生命周期

Question

大阶段分为 Creation，Mounting，Updating，Destruction 四个阶段

• beforeCreate 处在最早期什么事情都还没做，created 阶段 data 和 event 被初始化
• beforeMount 开始在准备 template 函数等的构造，mounted将 dom 挂载到了界面上
• beforeUpdate 可以在渲染前获取到新的数据值，updated 则是同步了数据改变到界面
• beforeDestory 包含一些数据清理工作，destoryed 阶段组件已经清理完毕了基本没什么工作要做

一些使用的原则

• 在还没准备好的阶段做不能做的事情即可（比如尝试在 created 中去拿 dom）
• mounted 则是一个最常用的钩子，通常会被用来请求数据和操作 dom
• 在什么阶段请求数据，mounted 和 created 即可，理论上越早越好