准确的电话号码和 WhatsApp 号码提供商。 如果您想要电子邮件营销活动列表或短信营销活动,那么您可以联系我们的团队。 电报: @latestdbs

使用异步组件优化 Vue 应用程序的性能

想从头开始学习 Vue.js 吗?使用 SitePoint Premium 获取涵盖基础知识、项目、技巧和工具等的完整 Vue 书籍合集。立即加入,每月仅需 14.99 美元。 Backward Skip 10s Play Video Forward Skip 10s 单页应用程序有时会因其初始加载缓慢而受到一些批评。这是因为传统上,服务器会向客户端发送大量 JavaScript,在屏幕上显示任何内容之前必须下载并解析这些 JavaScript。

有条件地加载异步组件

正如您可以想象的那样,随着您的应用程序规模的增大,这可能会变得越来越有 黎巴嫩电话号码表 问题。 幸运的是,当使用 Vue CLI(在底层使用 webpack)构建 Vue 应用程序时,可以采取多种措施来解决这个问题。在本文中,我将演示如何利用异步组件和 webpack 的代码分割功能在应用程序初始渲染后加载页面的某些部分。这将使初始加载时序带来更快的感觉。

与加载和错误组件异步

要学习本教程,您需可选)有基本的了解。 异步组件 先看一下通常如何 博目录 加载组件。为此,我们将使用一个非常简单的消息组件现在我们已经创建了组件,让我们将其加载到文件中App.vue并显示它。我们可以导入组件并将其添加到组件选项中,以便我们可以在模板中使用它:但现在会发生什么?Message每当加载应用程序时都会加载该组件,因此它包含在初始加载中。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注