import ... from和import {} from 的区别

import ... from和import {} from 的区别

1. import { isvalidUsername ,validateUrl} from '@/utils/validate'    //也可以分开两次写,导入的时候都带花括号

import ... from和import {} from 的区别

import ... from和import {} from 的区别
 

2.  import  isvalidUsername  from '@/utils/validate'    //导入的时候没有花括号

 

import ... from和import {} from 的区别

import ... from和import {} from 的区别

ES6中export及export default的区别

在JavaScript ES6中,export与export default均可用于导出常量、函数、文件、模块等,你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用,但在一个文件或模块中,export、import可以有多个,export default仅有一个。 

1.export与export default均可用于导出常量、函数、文件、模块等

2.在一个文件或模块中,export  、import可以有多个,export default仅有一个

3.通过export方式导出,在导入时要加{ },export default则不需要

4.export能直接导出变量表达式,export default不行