三种暴露方法和引入方式

1.分别暴露

export ...export...用于按需导出一个或多个模块,在导入时需要使用花括号指定导入的模块名称,例如import { a, b } from 'module'

module.js中

export let a = 1
export function b(){
	console.log('hello,vue')
}
2.统一暴露

export { ...}用于统一导出一个或多个模块,

let a = 1
function b (){
	console.log("hello,vue")
}
export { a , b }

注: 以上两种向外暴露方式引入方式相同,采用对象的结构赋值引用, 不能使用变量接收的方式来引入  ( 即上两方式和默认暴露的区别)

所以以上两种的引入方式是:

import { a, b } from 'module'

3.默认暴露+引入方式
export default function b(){
	console.log("hello,vue")
}
import b from '暴露路径'

总结:

暴露时有default就直接引入不用加上{ },没有default就加上{ }引入

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值