什么是异步组件 ?

冒牌SEO VueJs 176

当大型程序使用大量组件时,从服务器上同时加载所有组件可能是没有意义的。在这种情况下,Vue 允许我们在需要时定义从服务器异步加载的组件。在声明或注册组件时, Vue 接受提供 Promise 的工厂函数。然后可以在调用该组件时对其进行 “解析”。

通过仅加载基本组件并把异步组件的加载推迟到未来的调用时间,可以节省带宽和程序加载时间。

这是一个异步组件的简单示例。

new Vue({
 components: {
  'tweet-box': () => import('./components/async/TweetBox')
 }
});

当以这种方式使用时,Webpack的代码拆分将用于提供此功能。

  • 暂无回复内容