三种暴露方法和引入方式

本文主要是介绍三种暴露方法和引入方式，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

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就加上{ }引入

这篇关于三种暴露方法和引入方式的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！