Vue生命周期在真实场景下的业务应用 > created:进行ajax请求异步数据的获取、初始化数据 > > mounted:挂载元素dom节点的获取 > > nextTick:针对单一事件更新数据后立即操作dom > > updated:任何数据的更新，如果要做统一的业务逻辑处理 > > watch:监听数据变化，并做相应的处理 - 1， **ajax请求最好放在`created`里面**，因为此时已经可以访问`this`了，请求到数据就可以直接放在`data`里面。 - 2， **关于dom的操作要放在`mounted`里面**，在`mounted`前面访问dom会是`undefined`。 - 3， 每次进入/离开组件都要做一些事情，用什么钩子： * 不缓存： 进入的时候可以用`created`和`mounted`钩子，离开的时候用`beforeDestory`和`destroyed`钩子,`beforeDestory`可以访问`this`，`destroyed`不可以访问`this`。 * 缓存了组件： 缓存了组件之后，再次进入组件不会触发`beforeCreate`、`created` 、`beforeMount`、 `mounted`，**如果你想每次进入组件都做一些事情的话，你可以放在`activated`进入缓存组件的钩子中**。 同理：离开缓存组件的时候，`beforeDestroy`和`destroyed`并不会触发，可以使用`deactivated`离开缓存组件的钩子来代替。 ---------------------------------------------------------------------- -------------------------------------------------------------------------