Vue JS 3:组合 API(使用 Pinia、Firebase 9 和 Vite)

Vue JS 3: Composition API (with Pinia, Firebase 9 & Vite)

 

已经了解 Options API?尽快切换到 Composition API!(哦,还有 Pinia 和 Firebase 9!)

你将会学到的

  • 如何从 Vue 2 和 Options API 切换到 Vue 3 和 Composition API
  • Options API 和 Composition API 之间的核心差异
  • 使用 Pinia 进行状态管理
  • 使用 Vue 3、Composition API、Pinia 和 Vite 从头开始​​创建真实世界的应用程序
  • Firebase 9,包括 Cloud Firestore、身份验证和安全规则

要求

  • 对 Vue 2 和 Options API 的基本了解
  • 对 HTML、CSS 和 JavaScript 的基本理解

说明

如果您已经熟悉Vue 2Options API,那么本课程将教您切换到(并开始使用)Vue 3和令人惊叹的新Composition API所需的一切知识。

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

在过去的 12 个月里,我一直在创建 Fudget 2——它建立在 Vue 3 和 Composition API 之上。

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

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

  • 带有Refs反应对象的反应数据
  • 方法计算属性观察者
  • 生命周期钩子
  • 指令
  • 路由器视图
  • 子组件– 包括处理propsemitsmodelValue的新方法
  • 动态组件
  • 可组合项——如何从头开始创建它们以及如何从VueUse中导入它们
  • 您将使用Pinia学习状态管理,Pinia 是Vuex令人难以置信的继任者

学习基础知识后,您将从头开始创建一个名为Noteballs的真实世界应用程序 – 它具有完整的 CRUD功能,使用Pinia进行状态管理,并演示您之前学到的所有基础知识的实际应用。

Firebase 9 更新(2022 年 6 月):

该课程已在Firebase 9上更新了 3 小时的新内容,我们将在其中:

  • 将 Noteballs连接到Firebase Cloud Firestore数据库
  • 添加Authentication,以便多个用户可以注册,登录和注销我们的应用程序
  • 添加实时数据同步,这样如果用户在一台设备上添加注释,他们会看到该注释立即出现在另一台设备上
  • 添加Firebase 安全规则以保护我们用户的数据
  • 在Firebase Hosting上托管我们完成的应用程序,以便我们可以与任何人共享

完成本课程后,您将能够完全基于Composition API从头开始​​创建自己的Vue 3应用程序。

本课程要求对Vue 2Options APIHTMLCSSJavaScript有基本的了解。

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

此课程面向哪些人:

  • 熟悉 Vue 2 和 Options API 并希望切换到 Vue 3 和 Composition API 的开发人员
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。