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

?

?

　　

?

轉載于:https://www.cnblogs.com/geekjsp/p/9962990.html

總結

以上是生活随笔為你收集整理的es6 模块化的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。