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'
相关文章
|
JavaScript 前端开发
vue3瀑布流布局(使用 Vue 3 框架的单文件组件格式(Single-File Component)编写的)
vue3瀑布流布局(使用 Vue 3 框架的单文件组件格式(Single-File Component)编写的)
504 0
Vue3 父组件调用子组件方法($refs 在setup()、<script setup> 中使用)
Vue3 父组件调用子组件方法($refs 在setup()、<script setup> 中使用)
1438 0
|
3月前
|
JavaScript
理解 Vue 的 setup 应用程序钩子
【10月更文挑战第3天】`setup` 函数是 Vue 3 中的新组件选项,在组件创建前调用,作为初始化逻辑的入口。它接收 `props` 和 `context` 两个参数,内部定义的变量和函数需通过 `return` 暴露给模板。`props` 包含父组件传入的属性,`context` 包含组件上下文信息。`setup` 可替代 `beforeCreate` 和 `created` 钩子,并提供类似 `data`、`computed` 和 `methods` 的功能,支持逻辑复用和 TypeScript 类型定义。
60 11
|
5月前
|
JavaScript 数据安全/隐私保护
如何在Vue组件中调用封装好的外部js文件方法
这篇文章介绍了如何在Vue组件中调用封装好的外部js文件方法,包括在Vue项目中全局引入外部js文件,并在组件中通过this.$myMethod()的方式调用外部js文件中定义的方法。
如何在Vue组件中调用封装好的外部js文件方法
|
8月前
|
JavaScript
Vue.js 中父组件调用子组件的方法
Vue.js 中父组件调用子组件的方法
157 2
|
JavaScript IDE API
vue3中的单文件组件<script setup>和setup函数区别 详解(一)
vue3中的单文件组件<script setup>和setup函数区别 详解
449 0
|
8月前
|
JavaScript API
Vue自定义hook函数
Vue自定义hook函数
|
8月前
|
JavaScript 前端开发
Vue 中setup的特性
Vue 中setup的特性
vue3.2中setup语法糖父组件如何调用子组件中的方法
vue3.2中setup语法糖父组件如何调用子组件中的方法
|
JavaScript
vue 循环加载动态组件以及传值
vue 循环加载动态组件以及传值
512 0