export(按需加载函数,组件

参考地址 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'

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...