1 引入第三方文件
import router from './router';
使用 this.router;
2 引入模块,字符串,数值,函数,类获取按需导入
import { testFun,string,number,class} from '../js/test.js';
使用testFun(),string,number,class.a
3 引入整个模块,模块中有多个方法和变量
例如
export const sqrt = Math.sqrt;
export function square(x) {
return x * x;
}
export function diag(x, y) {
return sqrt(square(x) + square(y));
}
import * as lib from 'lib';
使用 lib.sqrt/lib.square()
4 只是导入,不需调用如css或类库
import "./assets/less/style.less";
import AXIOS from 'axios';
5 动态引入
async function main() {
const myModule = await import('./myModule.js');
const {export1, export2} = await import('./myModule.js');
const [module1, module2, module3] =
await Promise.all([
import('./module1.js'),
import('./module2.js'),
import('./module3.js'),
]);
}
main();
//这个文章特别好
https://zhuanlan.zhihu.com/p/57565371