Vue百日学习计划Day33-35天详细计划-Gemini版

总目标: 在 Day 33-35 理解 Vue 组件从创建到销毁的完整生命周期,熟练掌握 Composition API 中主要的生命周期钩子,并知道在不同阶段执行哪些操作。

  • 所需资源:
    • Vue 3 官方文档 (生命周期钩子): https://cn.vuejs.org/guide/essentials/lifecycle.html
    • 你的 Vue 3 实践项目。

Day 33: 生命周期钩子 - 创建与挂载阶段 (~3 小时)

  • 本日目标: 理解组件生命周期的概念,学习 Composition API 中创建和挂载阶段的钩子 (onBeforeMount, onMounted)。

  • 学习计划:

    • 番茄时钟 1 (25 分钟工作 + 5 分钟休息):

      • 内容: 组件生命周期是什么?
      • 活动: 阅读官方文档“生命周期钩子”部分的引言,理解组件从创建、挂载到 DOM、更新、最终销毁的各个阶段。理解生命周期钩子允许我们在特定阶段执行自定义逻辑。
      • 思考: 为什么我们需要在组件生命周期的特定时刻执行代码?
      • 休息: 短暂休息。
    • 番茄时钟 2 (25 分钟工作 + 5 分钟休息):

      • 内容: onBeforeMount 钩子。
      • 活动: 阅读官方文档关于 onBeforeMount 的内容。理解此钩子在组件被挂载到 DOM 之前执行。此时模板已经编译,但尚未创建真实的 DOM 节点。你可以访问组件的状态,但无法访问 DOM 元素。
      • 实践: 在你的实践项目组件中使用

你可能感兴趣的:(vue.js,学习,前端)