什么是异步组件 ?
VueJs 262
当大型程序使用大量组件时,从服务器上同时加载所有组件可能是没有意义的。在这种情况下,Vue 允许我们在需要时定义从服务器异步加载的组件。在声明或注册组件时, Vue 接受提供 Promise 的工厂函数。然后可以在调用该组件时对其进行 “解析”。
通过仅加载基本组件并把异步组件的加载推迟到未来的调用时间,可以节省带宽和程序加载时间。
这是一个异步组件的简单示例。
new Vue({
components: {
'tweet-box': () => import('./components/async/TweetBox')
}
});
当以这种方式使用时,Webpack的代码拆分将用于提供此功能。