Vue 资源
现在我们将通过提供一份您可以用来深入学习 Vue 的资源列表,以及一些其他有用的技巧来结束我们的 Vue 学习。
| 预备知识 |
熟悉核心 HTML、CSS 和 JavaScript 语言,了解 终端/命令行。 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 还为我们提供了准备发布到 Web 的应用工具。您可以这样做:
-
如果您的本地服务器仍在运行,请在终端中按 Ctrl + C 键停止它。
-
接下来,在控制台中运行
npm run build(或yarn build)。
这将创建一个新的 dist 目录,其中包含所有为生产环境准备好的文件。要将您的网站发布到 Web,请将此文件夹的内容复制到您的托管环境中。
注意: Vue CLI 文档还包括一份关于如何发布您的应用的具体指南,适用于许多常见的托管平台。
Vue 2
Vue 2 的支持将于 2023 年 12 月 31 日结束,所有 CLI 工具的默认 Vue 版本将是 3 及更高版本。 Composition API 作为属性基 API 的替代方案,在组件中使用 setup() 函数。只有您从该函数返回的内容才会在您的 <template> 中可用。使用此 API 时,您需要明确指定“响应式”属性。Vue 通过 Options API 为您处理此问题。因此,新的 API 通常被认为是更高级的用例。
如果您正在从 Vue 2 升级,建议您查看 Vue 3 迁移指南。