暑假第二周学习

这周主要集中攻克 Vue2 的组件通信，顺带把 Axios 也学完了。说实话，前三天差点被 props 和 $emit 绕晕。 周一，我照着官方文档搭了个父子组件的小 demo，父组件传数据给子组件还好，可子组件想改父数据必须用事件触发，总觉得多了一步。周二开始练兄弟组件通信，试了 EventBus——新建一个空的 Vue 实例当“传话筒”，这边 $emit 发，那边 $on 收，调通那一刻真有成就感。不过也踩了坑，忘记在 beforeDestroy 里 off 掉监听，结果事件被重复绑定，刷新页面才排查出来。 周三开始学 Axios。相比之前用的原生 fetch，Axios 的拦截器太香了。我在请求拦截器里统一塞了 token，响应拦截器里把 401 错误跳转到登录页，省去每个请求重复写。周四练了并发请求和全局 baseURL，配置完后接口写起来清爽多了。 周五把两者结合，在 Vue 的 created 钩子里用 Axios 拉取商品列表，然后通过 props 下发给子组件渲染。刚开始异步数据还没返回，子组件就渲染了，报 undefined，后来用 v-if 判断数据存在再渲染才解决。 这周最大的体会是：前端不是“拿到数据就完事”，组件间的数据流向才是灵魂