Vue JS 3:组合 API(使用 Pinia、Firebase 9 和 Vite)
已经知道选项 API?尽快切换到合成 API!(哦,还有 Pinia 和 Firebase 9!)
讲师:Danny Connell
口袋资源独家Udemy付费课程,独家中英文字幕,配套资料齐全!
用不到1/10的价格,即可享受同样的高品质课程,且可以完全拥有,随时随地都可以任意观看和分享。
你将会学到的
- 如何从 Vue 2 和 Options API 切换到 Vue 3 和 Composition API
- Options API 和 Composition API 的核心区别
- 使用 Pinia 进行状态管理
- 使用 Vue 3、Composition API、Pania 和 Vite 从头开始创建一个真实的应用程序
- Firebase 9,包括 Cloud Firestore、身份验证和安全规则
课程内容
24 个章节 • 155 个讲座 • 总时长 9 小时 14 分钟展开所有章节
介绍4 个讲座 • 23 分钟
- 介绍预览08:02
- 什么是组合 API?预览05:36
- 编辑器和软件设置预览07:44
- 查看开发工具预览02:07
入门4 个讲座 • 8 分钟
选项 API 与组合 API – 切换6 个讲座 • 12 分钟
Refs、反应性对象和非反应性数据5 个讲座 • 8 分钟
方法、计算和观察5 个讲座 • 13 分钟
生命周期挂钩5 个讲座 • 10 分钟
指令3 个讲座 • 7 分钟
路由器视图5 个讲座 • 14 分钟
列表、传送、模板引用和 nextTick6 个讲座 • 16 分钟
子组件、道具和发射12 个讲座 • 34 分钟
还有 14 个章节
要求
- 基本了解 Vue 2 & Options API
- 基本了解 HTML、CSS 和 JavaScript
说明
如果你已经熟悉Vue 2和Options API,那么本课程将教你切换到(并开始使用)Vue 3和令人惊叹的新Composition API所需知道的一切。
我叫 Danny,我是 Fudget 的独立应用程序开发人员和讲师,Fudget 是 iOS、Android、Mac 和 Windows 上评分最高的个人理财应用程序。
在过去的 12 个月里,我一直在创建 Fudget 2——它是基于 Vue 3 和 Composition API 构建的。
在本课程中,你将首先通过创建一个简单的 Options API 应用程序并将其转换为 Composition API 来了解Options API和Composition API之间的主要区别。
然后,你将掌握所有基础知识,包括:
- 使用Refs和反应性对象的反应性数据
- 方法,计算属性和观察者
- 生命周期挂钩
- 指令
- 路由器视图
- 子组件– 包括处理props、emits和modelValue的新方法
- 动态组件
- Composables – 如何从头开始创建它们以及如何从VueUse库中导入它们
- 你将使用Pinia学习状态管理,它是Vuex的令人难以置信的继任者
在学习了基础知识之后,你将从头开始创建一个名为Noteballs的真实世界应用程序 – 它具有完整的 CRUD功能,使用Pinia进行状态管理,并演示你之前学习的所有基础知识在实际世界中的使用。
FIREBASE 9 更新(2022 年 6 月):
该课程已在Firebase 9上更新了 3 小时的新内容,我们将在其中:
- 将 Noteball连接到Firebase Cloud Firestore数据库
- 添加Authentication,让多个用户可以注册、登录和退出我们的应用程序
- 添加实时数据同步,这样如果用户在一台设备上添加笔记,他们会看到笔记立即出现在另一台设备上
- 添加Firebase 安全规则以保护我们用户的数据
- 在Firebase Hosting上托管我们完成的应用程序,以便我们可以与任何人共享它
完成本课程后,你将能够完全基于Composition API创建自己的Vue 3应用程序- 从头开始。
本课程需要对Vue 2和Options API、HTML、CSS和JavaScript有基本的了解。
请查看预览视频,我期待在课程中见到你。
此课程面向哪些人:
- 熟悉 Vue 2 和 Options API 并希望切换到 Vue 3 和 Composition API 的开发人员