es6 模块化

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 defaultimport语句不需要使用大括号;第二组使用export,对应的import语句需要使用大括号,一个模块只能有一个默认输出,所以export default只能使用一次。









consult:

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





 

 

  

 

posted @ 2018-11-15 13:28  haveProgress  阅读(120)  评论(0编辑  收藏  举报