export default和export的使用方法

Node中

向外暴露成员，使用module.exports和exports

module.exports = {}

Node中导入模块

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

在ES6中

规定了如何导入和导出模块

导入：

import 模块名称 from '模块标识符'
import '标识路径'

导出，使用export default和export暴露

export default

export default向外暴露的成员可以使用任意的变量来接收

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

//main.js
import m1 from './test'
//m1 为一个包含 name 和 age 属性的对象

在一个模块中，只能使用export default向外暴露一次

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

export default {
    name: 'xiaoming',
    age: 10
}

//会报错`Only one default export allowed per module`  

export

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

使用 export 向外暴露的成员只能使用 {} 接收，这种情况叫做 按需导出

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

export var title = "小星星"
//这样使用不会报错

//main.js
import m1, { title } from './test'

一个模块中可以同时使用多个 export

//test.js
export var title = "小星星"
export var content = '哈哈哈'

// main.js
import { title,content } from './test'

如果想在引用时改变名称，可以通过 as

import { title as title123,content } from './test'

注意成套使用

转载于:https://www.cnblogs.com/lianglanlan/p/10597700.html