我的编程空间,编程开发者的网络收藏夹
学习永远不晚

VUE中的exportdefault和export使用方法解析

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

VUE中的exportdefault和export使用方法解析

export default和export的区别

export主要用于对外输出本模块变量的接口,一个文件就可以被理解为一个模块。export就是导出。

import就是在一个模块中加载另一个含有export接口的模块, import就是导入。

export default和export都能导出一个模块里面的常量,函数,文件,模块等,在其它文件或模块中通过import来导入常量,函数,文件或模块。这样就可以使用它们了。但是,在一个文件或模块中,export,import可以有多个,export default却只能有一个。

通过export方式导出,在导入的时候需要加{}大括号,export default 就不需要{}。

export default简单示例

导出:

// test.js
var info = {
    name: 'zs',
    age: 20
}
export default info

接收:
代码中的test.js为上面的代码文件;aaa可以任意命名,可以在控制台输出info对象

import aaa,  from './test.js'
console.log(aaa)

注意:

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 = '哈哈哈'

在下面代码中接收,test.js使用export default 和 export 向外暴露的成员

import person, {title, content as content1} from './test.js'
console.log(person);
console.log(title + '=======' + content1);

到此这篇关于VUE中的export default和export使用方法解析的文章就介绍到这了,更多相关VUE中的export default内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

VUE中的exportdefault和export使用方法解析

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

VUE中的exportdefault和export使用方法解析

exportdefault和export都能导出一个模块里面的常量,函数,文件,模块等,在其它文件或模块中通过import来导入常量,函数,文件或模块。但是,在一个文件或模块中export,import可以有多个,exportdefault却只能有一个。
2022-12-14

node.js中使用Export和Import的方法

Nodejs 6.x版本还没有支持export 和import import与export是es6中模块化的导入与导出,node.js现阶段不支持,需要通过babel进行编译,使其变成node.js的模块化代码。(关于node.js模块,可
2022-06-04

mysql中export的使用方法是什么

在MySQL中,可以使用SELECT ... INTO OUTFILE语句来导出数据到文件中。以下是一个简单的示例:SELECT * INTO OUTFILE 'C:/Users/User/Desktop/result.txt&
mysql中export的使用方法是什么
2024-04-09

详解vue中路由的安装和使用方法

Vue 是一款流行的前端开发框架,它提供了诸多方便开发的工具和功能。其中,Vue 路由能够帮助我们创建单页应用程序,并且帮助我们实现路由功能。本篇文章将会介绍 Vue 路由的使用。Vue路由安装在开始使用 Vue 路由之前,我们需要先安装 Vue Router。可以通过 npm 安装:```npm install vue-router```Vue路由器的使用在 Vue 项目的入
2023-05-14

浅析Vue中插槽和配置代理的使用方法

如何正确快速使用Vue中的插槽和配置代理?下面本篇文章给大家介绍一下Vue中插槽和配置代理的使用方法,希望对大家有所帮助!
2023-05-14

Vue中XMLHttpRequest的使用方法详解

Vue中使用XMLHttpRequest(XHR)可以获取数据的方式与传统的HTML页面相同,本文主要来和大家讲讲它的正确使用方法,希望对大家有所帮助
2023-05-19

解析Golang中断言的作用和使用方法

Golang断言的作用及使用方法解析在Golang中,断言(assertion)是一种将接口值转换为具体类型的操作。断言通常用于在运行时确定接口值是否实现了特定的接口或具体类型,并根据判断结果来执行相应的逻辑处理。断言的主要作用是在类型
解析Golang中断言的作用和使用方法
2024-01-29

Vue中$set()的使用方法场景分析

由于Vue会在初始化实例时进行双向数据绑定,使用Object.defineProperty()对属性遍历添加getter/setter方法,所以属性必须在data对象上存在时才能进行上述过程,这样才能让它是响应的,这篇文章主要介绍了Vue中$set()的使用方法场景分析,需要的朋友可以参考下
2023-02-18

Vue中$attrs和$listeners详解以及使用方法

最近在研究Vue的组件库,之前也用过$attrs和$listeners,官方文档描述的不太详细,也没有太好的例子,下面这篇文章主要给大家介绍了关于Vue中$attrs和$listeners详解以及使用的相关资料,需要的朋友可以参考下
2022-11-16

编程热搜

目录