使用 Nuxt.js 扩展 Vue

讲师：Vue Msatery Team

口袋资源独家Vue Mastery付费课程，独家中英文字幕，配套资料齐全！

用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。

在你的下一个 Vue 应用程序中使用 Nuxt.js 可以避免的 7 个问题

Vue.js 是您应用程序框架的绝佳选择。但是，您可能会遇到一些问题：

  • 我如何组合和配置我所有的 JavaScript 和 Vue 库以有效地协同工作？
  • 如何使用最佳实践构建我的应用程序代码？
  • 如何确保我的应用程序被搜索引擎正确索引？
  • 如何优化我的 Vue 应用程序以提高速度？

这些是 Sebastien 和 Alexandre Chopin 在创建 Nuxt.js 时着手解决的一些问题，Nuxt.js 是一个构建在 Vue 之上的高级框架，可帮助您构建生产就绪的 Vue 应用程序。

我想让您了解在构建 Vue 应用程序时会遇到的 7 个问题，并告诉您 Nuxt 如何解决它们。

问题 #1：从头开始构建一个生产就绪的 Vue 应用程序很困难

Nuxt 不仅预配置了 Vuex、Vue Router 和 Vue-Meta，而且它还根据经过深入研究的最佳实践为您的项目设置了智能默认值，而 Vue 不会为您提供开箱即用的功能。

创建 Nuxt 应用程序就像键入一样简单：

这个 Nuxt Starter Kit 会询问你想要开始你的项目的库，比如 CSS Lint，以及要使用的 CSS 框架。

问题 #2：没有标准的文件夹结构

随着您的应用程序的增长，您的代码组织变得更加重要。Vue 的默认构建为您提供了一个assets和components目录，这是一个好的开始。Nuxt.js 会根据最佳实践为您设置额外的文件夹，例如：

请注意：
如果你有能力，请务必支持课程的原创作者，这是他们应得的报酬！
本站收取的费用，仅用来维持网站正常运行的必要支出，从本站下载任何内容，说明你已经知晓并同意此条款。