vue中export和export default的使用（转）

参考： https://blog.51cto.com/11871779/2348288

ES6模块主要有两个功能：export和import
export用于对外输出本模块（一个文件能够理解为一个模块）变量的接口
import用于在一个模块中加载另外一个含有export接口的模块。
也就是说使用export命令定义了模块的对外接口之后，其余JS文件就能够经过import命令加载这个模块（文件）。这几个都是ES6的语法。

另外有：

export default用法

 

 

// test.js
export default {
    name: 'zs',
    age: 20
}

 

或是

// test.js
var info = {
    name: 'zs',
    age: 20
}
export default info

在main.js中接收，test.js使用export default 向外暴露的成员

import person from './test.js'
console.log(person);

注意：

一、export default 向外暴露的成员，能够使用任意变量来接收

二、在一个模块中，export default 只容许向外暴露一次

三、在一个模块中，能够同时使用export default 和export 向外暴露成员

四、使用export向外暴露的成员，只能使用{ }的形式来接收，这种形式，叫作【按需导出】

五、export能够向外暴露多个成员，同时，若是某些成员，在import导入时，不须要，能够不在{ }中定义

六、使用export导出的成员，必须严格按照导出时候的名称，来使用{ }按需接收

七、使用export导出的成员，若是想换个变量名称接收，能够使用as来起别名

 

例如

// test.js
var info = {
    name: 'zs',
    age: 20
}
export default info
 
export var title = '小星星'
 
export var content = '哈哈哈'

 

在main.js中接收，test.js使用export default 和 export 向外暴露的成员

import person, {title, content as content1} from './test.js'
console.log(person);
console.log(title + '=======' + content1);

很好的总结

 

参考：https://www.cnblogs.com/qq254980080/p/10321564.html