Vue百日学习计划Day28-32天详细计划-Gemini版

总目标: 在 Day 28-32 深入理解 Vue 3 的响应式机制,熟练掌握 Composition API 中的 setup, ref, reactive, toRefs, readonly, computed, watch, watchEffect 等核心 API 的使用。

  • 所需资源:
    • Vue 3 官方文档 (组合式 API): https://cn.vuejs.org/guide/introduction.html#composition-api
    • Vue 3 官方文档 (响应式基础): https://cn.vuejs.org/guide/essentials/reactivity-fundamentals.html
    • Vue 3 官方文档 (计算属性): https://cn.vuejs.org/guide/essentials/computed.html
    • Vue 3 官方文档 (侦听器): https://cn.vuejs.org/guide/essentials/watchers.html
    • Day 21-23 创建并运行成功的 Vue 3 项目(作为实践环境)。

Day 28: 初识 Composition API 与 ref (~3 小时)

  • 本日目标: 了解 Composition API 的作用,学习 setup 函数以及如何使用 ref 创建响应式基本类型数据。

  • 学习计划:

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

      • 内容: 组合式 API 介绍与 setup 函数。
      • 活动: 阅读官方文档“组合式 API 介绍”部分,理解它出现的原因(解决 Options API 的痛点,更好地组织代码)。阅读关于 setup 函数的部分,理解它是组件中 Composition API 的入口,它何时执行,以及它应该返回什么。
      • 实践: 在你的 Vue 项目中创建一个新的 .vue 组件,尝试添加一个空的 setup() 函数或

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