export(按需加载函数,组件)

简介: 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'
相关文章
|
1月前
|
JavaScript
Ant designe vue中有关默认组件引入不生效的问题;
Ant designe vue中有关默认组件引入不生效的问题;
28 0
|
1月前
|
JavaScript API
uniapp使用Vue3挂载函数到全局
uniapp使用Vue3挂载函数到全局
196 0
|
1月前
封装组件,通过指令进行调用,类似于elementUI中的loading组件
封装组件,通过指令进行调用,类似于elementUI中的loading组件
28 0
|
1月前
|
JavaScript
Vue定义全局组件的三种方式
Vue定义全局组件的三种方式
22 0
|
10月前
|
JavaScript
Vue 全局导入 JS 方式以及对 ClassName 进行增删扩展
Vue 全局导入 JS 方式以及对 ClassName 进行增删扩展
61 0
|
1月前
|
JavaScript 前端开发
Vue中mixins的作用是什么?有什么注意事项?
Vue中mixins的作用是什么?有什么注意事项?
32 3
|
7月前
|
前端开发 JavaScript
vue3全局组件-全局变量-base64-axios-封装
vue3全局组件-全局变量-base64-axios-封装
84 0
|
9月前
|
JavaScript
Vue 全局导入 JS 对 ClassName 进行增删扩展
Vue 全局导入 JS 对 ClassName 进行增删扩展
30 0
|
10月前
|
前端开发
React组件导入的两种方式(动态导入组件的实现)
React组件导入的两种方式(动态导入组件的实现)
186 0
|
11月前
|
JavaScript
vue中的.env全局配置
vue中的.env全局配置
68 0

热门文章

最新文章