超级会员免费看
本文详细探讨了Vue2和Vue3的生命周期，包括beforeCreate、created、beforeMount、mounted等钩子函数的区别。讲解了Vue中父子组件的执行顺序，并分析了在不同生命周期阶段请求异步数据的最佳实践。此外，还深入介绍了Vue组件间通信的多种方式，如props/$emit、eventBus、provide/inject、ref/$refs、$parent/$children、$attrs/$listeners，并总结了各自适用场景。
1. 说一下 Vue2 的生命周期
Vue2.x 实例有⼀个完整的⽣命周期，也就是从开始创建、初始化数据、编译模版、挂载 Dom -> 渲染、更新 -> 渲染、卸载 等⼀系列过程，称这是 Vue 的⽣命周期。
- beforeCreate（创建前）：数据观测和初始化事件还未开始，此时 data 的响应式追踪、event/watcher 都还没有被设置，也就是说不能访问到 data、computed、watch、methods上的方法和数据。
- created（创建后） ：实例创建完成，实例上配置的 options 包括
data、computed、watch、methods等都配置完成，但是此时渲染得节点还未挂载到 DOM，所以不能访问到$el属性。 - beforeMount（挂载前）：在挂载开始之前被调用，相关的render函数首次被调用。实例已完成以下的配
订阅专栏 解锁全文
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
