import
import(‘url')
- 返回Promise对象
- import命令会被 JavaScript 引擎静态分析,先于模块内的其他语句执行。这样的设计,固然有利于编译器提高效率,但也导致无法在运行时加载模块。所以引入了import这个函数
- import命令用于同步加载,import函数用于异步加载(打包时的说法)
Vue.component(
'async-webpack-example',
// 这个 `import` 函数会返回一个 `Promise` 对象。
() => import('./my-async-component')
)
// 或者
new Vue({
// ...
components: {
'my-component': () => import('./my-async-component')
}
})