vue中export和export default

1.export和import的涵义

export主要用于对外输出本模块变量的接口，一个文件就可以被理解为一个模块。export就是导出。

import就是在一个模块中加载另一个含有export接口的模块， import就是导入。

在一个模块中，可以同时使用 export default 和 export 向外暴露成员

2.export和export default的区别

共同点：
export default和export都能导出一个模块里面的常量，函数，文件，模块等，在其它文件或模块中通过import来导入常量，函数，文件或模块。这样就可以使用它们了。

区别：
在一个文件或模块中，export,import可以有多个，export default只允许向外暴露一次。
通过export方式导出，在导入的时候需要加{}大括号，export default 不需要加{}.
export default 向外暴露的成员，可以使用任意变量来接收，如 import a from './test.js
使用 export 导出的成员，必须严格按照导出时候的名称，来使用 { } 按需接收
使用 export 导出的成员，若换个变量名称接收，可以使用 as 换别名，如import {content as content123} from ‘./test.js’

3.实例说明

var name = 'liming'
export { name }

import { name } from "/test.js"

var name = 'liming'
export default name 

import name from "/test.js"

export default {
name: '李明',
age: 19
}

// 或：
// var info = {
// name: '李明',
// age: 19
// }
// export default info