写回答
-
面对过去，不要迷离；面对未来，不必彷徨；活在今天，你只要把自己完全展示给别人看。一、创建 1、beforeCreate：这个阶段实例已经初始化，只是数据观察与事件机制尚未形成，不能获取DOM节点（没有data，没有el） 使用场景：因为此时data和methods都拿不到，所以通常在实例以外使用 2、created：实例已经创建，仍然不能获取DOM节点（有data，没有el） 使用场景：模板渲染成html前调用，此时可以获取data和methods，so 可以初始化某些属性值，然后再渲染成视图，异步操作可以放在这里
二、载入 1、beforeMount：是个过渡阶段，此时依然获取不到具体的DOM节点，但是vue挂载的根节点已经创建（有data，有el） 2、mounted：数据和DOM都已经被渲染出来了 使用场景：模板渲染成html后调用，通常是初始化页面完成后再对数据和DOM做一些操作，需要操作DOM的方法可以放在这里
三、更新 1、beforeUpdate：检测到数据更新时，但在DOM更新前执行 2、updated：更新结束后执行 使用场景：需要对数据更新做统一处理的；如果需要区分不同的数据更新操作可以使用$nextTick
四、销毁 1、beforeDestroy：当要销毁vue实例时，在销毁前执行 2、destroyed：销毁vue实例时执行
第一次页面加载会触发哪些钩子 beforeCreate、created、beforeMount、mounted
2021-10-22 17:58:46赞同 展开评论 打赏 -
准确地控制数据流和其对DOM的影响 问题来源于GitHub，查看更多答案，请查看https://github.com/haizlin/fe-interview/issues/309
2020-05-24 22:32:29赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
