es6 模块化

最新推荐文章于 2025-09-07 22:29:54 发布

weixin_30868855

最新推荐文章于 2025-09-07 22:29:54 发布

阅读量83

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/geekjsp/p/9962990.html

本文详细解析了JavaScript中模块的导出与导入机制，包括export default、export及import语句的使用方法，展示了不同导出方式下，变量如何在模块间进行正确引用。

test.js

　　var vm="321321";

　　export { vm };

　　------------------------------------------------------

　　export var name="李四";

a.vue

　　import {vm} from '@/test'

　　console.log(vm);

　　------------------------------------------------------

　　console.log(name);

var vm1="李四";
module.exports =vm1;
import vm1 from '@/test'
console.log(vm1) //李四

var vm1="李四"; 
var vm2=18; 
export { vm1, vm2}; 
import {vm1,vm2} from '@/test' 
console.log(vm1) //李四

var vm1="李四"; 
var vm2=18; 
export default {vm1,vm2}
import test from '@/test'
console.log(test.vm1); //李四
export default导出  导入的时候不能用{}  默认导出一个整体接口

export const aa="3131";

var a=require('../test').aa;

可以看到第一组是使用export default，import语句不需要使用大括号；第二组使用export，对应的import语句需要使用大括号，一个模块只能有一个默认输出，所以export default只能使用一次。









consult：

http://www.cnblogs.com/Nutrient-rich/p/7047877.html