Vue3: 组合式 API | Vue JS 3: Composition API (with Pinia, Firebase 9 & Vite)
已经知道选项 API?尽快切换到合成 API!(哦,还有 Pinia 和 Firebase 9!)
你将会学到的
- 如何从 Vue 2 和 Options API 切换到 Vue 3 和 Composition API
- Options API 和 Composition API 的核心区别
- 使用 Pinia 进行状态管理
- 使用 Vue 3、Composition API、Pania 和 Vite 从头开始创建一个真实的应用程序
- Firebase 9,包括 Cloud Firestore、身份验证和安全规则
要求
- 基本了解 Vue 2 & Options API
- 基本了解 HTML、CSS 和 JavaScript
说明
如果您已经熟悉Vue 2和Options API,那么本课程将教您切换到(并开始使用)Vue 3和令人惊叹的新Composition API所需知道的一切。
我叫 Danny,我是 Fudget 的独立应用程序开发人员和创建者,它是 iOS、Android、Mac 和 Windows 上评分最高的个人理财应用程序。
在过去的 12 个月里,我一直在创建 Fudget 2——它是基于 Vue 3 和 Composition API 构建的。
在本课程中,您将首先通过创建一个简单的 Options API 应用程序并将其转换为 Composition API 来了解Options API和Composition API之间的主要区别。
然后,您将掌握所有基础知识,包括:
- 使用Refs & Reactive Objects的反应性数据
- 方法,计算属性和观察者
- 生命周期挂钩
- 指令
- 路由器视图
- 子组件– 包括处理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 的开发人员
声明:本站所有资源、素材等全部来源于互联网,赞助VIP仅用于对IT资源服务器带宽等费用支出做支持,从本站下载资源,说明你已同意本条款。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
TheItzy » Vue3: 组合式 API | Vue JS 3: Composition API (with Pinia, Firebase 9 & Vite)
TheItzy » Vue3: 组合式 API | Vue JS 3: Composition API (with Pinia, Firebase 9 & Vite)