//test.js
export default {
name: 'zs',
age: 20
}
备注:使用export default 向外暴露成员,可以使用任意的变量来接受如main.js可以随便起个m1就可以了
var info = {
name: 'zs',
age: 20
}
export default info
//exportdefault {
//address:'上海'
//}
export var title = "今天天气不错!"
export var content = "出去玩吧!"
注意:使用expopr向外暴露的成员,只能使用{}的形式来接收,这种形式叫做按需导出。
注意: export 可以向外暴露多个成员, 同时,如果某些成员,我们在 import 的时候,不需要,则可以 不在 {} 中定义
注意: 使用 export 导出的成员,必须严格按照 导出时候的名称,来使用 {} 按需接收;
注意: 使用 export 导出的成员,如果 就想 换个 名称来接收,可以使用 as 来起别名;
//main.js
import m1,{title,content} from " ./test.js "
console.log(m1) //输出Object {name:"zs", age:20}
console.log(title+"---"+content) //输出 今天天气不错,出去玩吧
备注:m1是一个随便起的名子
说明:
1.只要是export default 向外暴露的,main.js里的变量名都可以随便起,不会报错;
2.export default 向外只能暴露一个成员,如果暴露两次就出现以下错误;
3.在一个模块中可以同时使用export default 和 export 向外暴露成员
Module build( build不是创建而是翻译成编译)failed:SyntaxError(语法错误):c\Users\liulongbin\Desktop\day6\代码\02.webpack-vue1\src\test.js:Only one default export allowed per module.(15:0)
模块编译失败:只有一个 export default 被允许在一个模块中
**
总结:
**
这是 Node 中暴露和导入:
暴露成员使用:module.exports = {}
导入成员使用:var 名称 = require(‘模块标识符’)
这是ES6中暴露和导入:
导入模块使用:import 模块名称 from ‘模块标识符’ 或 import ‘表示路径’(非js文件)
暴露成员使用 export default 和 export