码迷,mamicode.com
首页 > 其他好文 > 详细

vue中import引入文件和使用的方式总结

时间:2020-03-11 18:14:22      阅读:683      评论:0      收藏:0      [点我收藏+]

标签:str   const   sse   字符串   outer   port   promise   rom   tps   

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
 

vue中import引入文件和使用的方式总结

标签:str   const   sse   字符串   outer   port   promise   rom   tps   

原文地址:https://www.cnblogs.com/yuNotes/p/12464049.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!