webpack与vue的结合使用（三）—— export default 和 export 的使用方式

Node向外暴露成员的形式和导入的形式

Node向外导出

module.exports = {}

Node导入

var 名称 = require('模块标识符')

ES6中如何导入和导出模块

在ES6中，也通过规范的形式，规定了ES6中如何导入和导出模块

ES6中导出模块

test.js

//export 

//export default

var info = {
    name:'',
    age:18
}

export default info  //export default 暴露的成员，可以使用任意的变量来接收
//export default {   
//    address: '北京'
//}

export var title = '小星星'

ES6中导入模块

//import '模块名称' from '模块标识符' //import表示路径
//import momo , {title} from './test.js'

import {title as title123}  from './test.js'

注意：

在一个模块中 export default 只允许向外暴露一次，不能有多次 

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

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

在一个模块中 export允许向外暴露多个成员，同时，如果某些成员，我们在import的时候，不需要，则可以不在{  }中定义

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

使用export导出的成员，如果就像换个名称来接收，可以使用 as 来起别名