Vue3: 组合式 API | Vue JS 3: Composition API (with Pinia, Firebase 9 & Vite)

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 2Options API,那么本课程将教您切换到(并开始使用)Vue 3和令人惊叹的新Composition API所需知道的一切。

我叫 Danny,我是 Fudget 的独立应用程序开发人员和创建者,它是 iOS、Android、Mac 和 Windows 上评分最高的个人理财应用程序。

在过去的 12 个月里,我一直在创建 Fudget 2——它是基于 Vue 3 和 Composition API 构建的

在本课程中,您将首先通过创建一个简单的 Options API 应用程序并将其转换为 Composition API 来了解Options APIComposition API之间的主要区别。

然后,您将掌握所有基础知识,包括:

  • 使用Refs & Reactive Objects的反应性数据
  • 方法,计算属性观察者
  • 生命周期挂钩
  • 指令
  • 路由器视图
  • 子组件– 包括处理propsemitsmodelValue的新方法
  • 动态组件
  • 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 2Options APIHTMLCSSJavaScript有基本的了解。

请查看预览视频,我期待在课程中见到您。

此课程面向哪些人:

  • 熟悉 Vue 2 和 Options API 并希望切换到 Vue 3 和 Composition API 的开发人员
声明:本站所有资源、素材等全部来源于互联网,赞助VIP仅用于对IT资源服务器带宽等费用支出做支持,从本站下载资源,说明你已同意本条款。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
TheItzy » Vue3: 组合式 API | Vue JS 3: Composition API (with Pinia, Firebase 9 & Vite)