export(按需加载函数，组件）

Posted 2021-03-09 iwishicould

参考地址 https://blog.csdn.net/sleepwalker_1992/article/details/81461543
使用export向外暴露的成员，只能使用{  }的形式来接收，这种形式，叫做【按需导出】

demo.js(公共文件)
 //得到当前星期几
 export function getCurrentWeek() {
     let allWeeks = ["周天", "周一", "周二", "周三", "周四", "周五", "周六"];
     let nowIndex = Number(new Date().getDay());
     return allWeeks[nowIndex];
 }

====在某一个文件中使用时
import {getCurrentWeek} from "../../../assets/javascript/demo"  引入 
getCurrentWeek();使用

注意：

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

2、在一个模块中，export default 只允许向外暴露一次

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

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

5、export可以向外暴露多个成员，同时，如果某些成员，在import导入时，不需要，可以不在{ }中定义

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

7、使用export导出的成员，如果想换个变量名称接收，可以使用as来起别名
// test.js
var info = {
    name: 'zs',
    age: 20
}
export default info
export var title = '小星星'
export var content = '哈哈哈'
import {title, content as content1} from './test.js'