vue生命周期的实际应用

Question

项目中只用到过mounted, updated生命周期 想知道beforeCreate、create.......destroyed在项目中有什么实际用法

Answer 1

这个东西并没有说什么规定的应用，而是vue希望向开发者提供组件的整个生命周期中的一些时刻调用的钩子函数，你需要了解的是这些钩子函数在什么时候运行，此时组件状态是怎样的，这个钩子函数结束后会做什么，
beforeCreate为例：

1. 生命周期的各个阶段提供的钩子函数何时运行？

• beforeCreate 在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。

2. beforeCreate，此时组件状态如何

• 实例初始化，但是数据观测 (data observer) 和 event/watcher 事件配置均为调用

3. beforeCreate钩子函数结束后会做什么

• 实例创建，init injections reactivity

知道了以上这些，可以知道，beforeCreate执行时，数据观测 (data observer) 和 event/watcher 事件配置都还没有运行，那么我们就可以做一些改变，甚至修改这些数据观测 (data observer) 和 event/watcher 事件，这个时候就是结合业务场景来看的，比如有的时候为了做适应，可能事件最开始是click事件，但是某些情况希望是touch事件，这里就可以修改，做判断了。