vue的导出导入

export export default ：是只有es6 支持的导出导入export在js文件里可以写多个，在引入的时候加上{}export default在js文件里只能写一个，在引入的时候不需要加{}export在引入的时候需要指明变量export default在引入的时候只需要标明文件名即可export导出后，部分导入只需引入需要的变量即可全部导入import * as 变量名 fr.

G-Ultramen

805人浏览 · 2022-02-18 14:33:14

G-Ultramen · 2022-02-18 14:33:14 发布

export export default ：是只有es6 支持的导出导入

export在js文件里可以写多个，在引入的时候加上{}

export default在js文件里只能写一个，在引入的时候不需要加{}

export在引入的时候需要指明变量

export default在引入的时候只需要标明文件名即可

export导出后，部分导入只需引入需要的变量即可

全部导入import * as 变量名 from '路径'

export default用{}全部导出后,在需要引入的文件里可以全部导出

建议按下面这种方法写，可以在脚本尾部清晰的了解到输出了哪些变量；

也可以使用as将test2使用不同的变量名引出多次，例如test2 as test3;

他们的实质就是在接口名和模块内部的变量之间，建立了一一对应关系

let teststr='测试'
const a='export';
const a2='export2';
function test(){
   alert('export导出函数') 
}
function test2(){
    alert('export导出函数2') 
}
export {
    teststr,
    a,
    a2,
    test,
    test2,
    test2 as test3,
};

module.exports require:commonJS的导入导出

let a='module.exports';
let b='module.exports2';

module.exports.a=a;
module.exports.b=b;


c:require('./store/index3.js').a,
d:require('./store/index3.js').b,

若你有其它看法，欢迎指正，期待您的留言！