老莫的笔记本  
  
请选择 进入手机版 | 继续访问电脑版
查看: 299|回复: 0

export default 与 export 基础知识

[复制链接]

572

主题

767

帖子

3637

积分

超级版主

Rank: 8Rank: 8

积分
3637
发表于 2020-11-23 17:04:02 | 显示全部楼层 |阅读模式
先明白:
  1. export  default  只抛出一次;
  2. export  const  var 之类 可以在一个文件中多次抛出 ,用{ }接收 表示按需加载;
  3. 可以用任何一个 变量名来接收 抛出的成员;

  话说,我看了很多视频,居然没有一个老师提过这个点,
[ 话说培训我的老师也不会,话说想尊师重道不说这事,可是我毕业后居然被他删了,原因居然是我问的他都不会,不想我再问他 。你说摊上这么个传道受业解惑的老师,我真是走了大运了! ]
===========
好了,下面我要开始抄袭人家的讲解了

  1. // test.js
  2. export default {
  3.     name: 'zs',
  4.     age: 20
  5. }
复制代码
或是

  1. // test.js
  2. var info = {
  3.     name: 'zs',
  4.     age: 20
  5. }
  6. export default info
复制代码


在main.js中接收,test.js使用export default 向外暴露的成员
  1. import person from './test.js'
  2. console.log(person);
复制代码


注意:
1、export default 向外暴露的成员,可以使用任意变量来接收
2、在一个模块中,export default 只允许向外暴露一次
3、在一个模块中,可以同时使用export default 和export 向外暴露成员
4、使用export向外暴露的成员,只能使用{ }的形式来接收,这种形式,叫做【按需导出】
5、export可以向外暴露多个成员,同时,如果某些成员,在import导入时,不需要,可以不在{ }中定义
6、使用export导出的成员,必须严格按照导出时候的名称,来使用{ }按需接收
7、使用export导出的成员,如果想换个变量名称接收,可以使用as来起别名


例如
  1. // test.js
  2. var info = {
  3.     name: 'zs',
  4.     age: 20
  5. }
  6. export default info

  7. export var title = '小星星'

  8. export var content = '哈哈哈'
复制代码
在main.js中接收,test.js使用export default 和 export 向外暴露的成员

  1. import person, {title, content as content1} from './test.js'
  2. console.log(person);
  3. console.log(title + '=======' + content1);
复制代码




参考文档:https://www.cnblogs.com/qq254980080/p/10321564.html

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表