ES6中 export default和export的用法和区别

在 ES6 中,也通过 规范的形式,规定了 ES6 中如何导入和导出模块
ES6中导入模块,使用 import 模块名称 from ‘模块标识符’  或者  import ‘表示路径’


在 ES6 中,使用 export default 和 export 向外暴露成员
export default {
    name: 'zs',
    age: 30
}

//注意: export default向外暴露的成员,可以使用任意的变量来接收
//注意: 在一个模块中,export default 只允许向外暴露一次
//注意: 在一个模块中,可以同时使用 export default 和 export 向外暴露成员

export var title = '小星星'
export var content = 'hahaha'

//注意: 接收上面这个用 export暴露的成员,只能使用 { title } 来接收,这种形式叫做【按需导出】
//注意: export 可以向外暴漏多个成员,如果某些成员,,我们在另一个js文件中 import 的时候,不需要这个成员,则可以不在{}中定义
//注意: 使用 export 导出的成员,接收的时候,必须严格按照导出的名称进行引入,但是可以使用 as 起别名



//例如下面的例子:虽然定义了对象的名字info,但是在其他js文件中引用这个文件的时候,接受的名称可以不使用info,可以随意定义
// var info = {
//     name: 'zs',
//     age: 30
// }
//export default info
在main.js中引入上面导出的成员
//下面的 m 代表引入上面导出的 info
import m , { title as titles123, content }from './test.js' console.log(m); console.log(title+ '---' + content)
原文地址:https://www.cnblogs.com/ccv2/p/12532953.html