vue学习-import {XXXX} from ‘XXX’ 与import XXXX from ‘XXX’ 用法的区别

ES中的模块导入导出

export与export default均可用于导出常量、函数、文件、模块等
在一个文件或模块中，export、import可以有多个，export default仅有一个
通过export方式导出，在导入时要加{ }，export default则不需要
export能直接导出变量表达式，export default不行。

1、export 导出

// 变量
const str = 'hello world'
const str2 = 'hello world 2'
export {
	str,
	str2
}
// 函数
export function getInfo() {
	return 'hello function'
}

import 导入

import { str, str2, getInfo } from 'XXXX';

2、export  default导出

const str = 'hello world default'
export default str;

import 导入

import str from 'XXXX';

export  default多个导出

export function getInfo() {
	return 'hello default function'
}
const other = {
	str:'hello world default',
	str2:'hello world default2',
	getInfo: () => {
		return getInfo();
	},
}
export default other;

import 导入

import defaultObj from 'XXXX';

// 使用
console.log(defaultObj)
console.log(defaultObj.str)
console.log(defaultObj.getInfo())