Vue 资源

现在,我们将通过提供一些资源来结束对 Vue 的学习,这些资源可以帮助您更深入地学习,以及一些其他有用的提示。

先决条件

熟悉核心 HTMLCSSJavaScript 语言,了解 终端/命令行

Vue 组件是作为 JavaScript 对象的组合编写的,这些对象管理应用程序的数据,以及与底层 DOM 结构相映射的基于 HTML 的模板语法。对于安装以及使用 Vue 的一些更高级功能(如单文件组件或渲染函数),您将需要一个安装了 node + npm 的终端。

目标 了解在哪里可以找到有关 Vue 的更多信息,以继续您的学习。

更多资源

以下是可以学习有关 Vue 的更多内容的地方

  • Vue 文档 — Vue 的主要网站。包含全面的文档,包括示例、食谱和参考材料。这是深入学习 Vue 的最佳起点。
  • Vue GitHub 仓库 — Vue 代码本身。您可以在此处报告问题和/或直接贡献到 Vue 代码库。研究 Vue 源代码可以帮助您更好地了解框架的工作原理,并编写更好的代码。
  • Vue 讨论 — 获取有关 Vue 帮助的官方论坛。
  • Vue CLI 文档 — Vue CLI 的文档。其中包含有关自定义和扩展您通过 CLI 生成的输出的信息。
  • Nuxt — Nuxt 是一个服务器端 Vue 框架,它具有一些架构上的观点,可以帮助创建可维护的应用程序,即使您不使用它提供的任何服务器端渲染功能。该网站提供了有关使用 Nuxt 的详细文档。
  • Vue Mastery — 一个付费教育平台,专门从事 Vue,包括一些免费课程。
  • Vue School — 另一个专门从事 Vue 的付费教育平台。

构建和发布你的 Vue 应用

Vue CLI 还为我们提供了将应用程序准备发布到网络的工具。您可以像这样进行操作

  • 如果您的本地服务器仍在运行,请在终端中按 Ctrl + C 结束它。
  • 接下来,在控制台中运行 npm run build(或 yarn build)。

这将创建一个新的 dist 目录,其中包含所有可用于生产环境的文件。要将您的网站发布到网络,请将此文件夹的内容复制到您的托管环境中。

Vue 2

Vue 2 支持将于 2023 年 12 月 31 日结束,所有 CLI 工具的默认 Vue 版本将为 3 及更高版本。 组合 API 作为基于属性的 API 的替代方案,其中 setup() 函数用于组件。只有您从此函数返回的内容在您的 <template> 中可用。在使用此 API 时,您需要明确“响应式”属性。Vue 使用 选项 API 为您处理此问题。这使得新的 API 通常被认为是更高级的使用案例。

如果您要从 Vue 2 升级,建议您查看 Vue 3 迁移指南