vue中export 和export default的区别
export:主要用于对外输出本模块变量的接口,一般定义一个单独的文件,一个文件就可以被理解为一个模块,export的作用就是导出。
import:与export对应的就是import,也就是导入。
在一个模块中同时可以使用export 和export default。
那么export和export default的区别是什么呢?
共同点:export 和export default都可以导出一个模块里的变量、函数、文件等;在其他文件中都是用import导入对应的变量、函数和文件等,这样就建立起来的对应关系。
区别:
1.在一个模块中,可以有多个export,而export default只允许使用一次。
2. 用export导出的东西,在import导入的时候要加{},而export default不需要加。
3. 用export导出的东西,导出的东西用{}包裹,在import 接收的时候必须严格按照导出的名称使用{}接收,而export default没有严格要求。
4. export导出想要换变量接收,可以使用as换名称。比如
比如:
const settingConfig = 'grop';
export {settingConfig}
import {settingConfig} from ''
用as换名接收
import {setting as settingConfig} from ''
const settingConfig ='grop';
export default settingConfig
import settingConfig from ''