灰儿 发表于 2022-7-28 16:19:13

VUE引入模块之import xxx from 'xxx' 和 import {xxx} from 'xxx'的区别

VUE引入模块之import xxx from 'xxx' 和 import {xxx} from 'xxx'的区别

import FunName from ‘../xxx’

<div>export defualt function FunName() {</div><div>return fetch({</div><div>    url: '/article/list',</div><div>    method: 'get'</div><div>});</div><div>}</div>

import {xxx} from ‘../xxx’

<div>export function FunName() {</div><div>return fetch({</div><div>    url: '/article/list',</div><div>    method: 'get'</div><div>});</div><div>}</div>

ES中的模块导出导入

export 和 export default
两个导出,下面我们讲讲它们的区别

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

页: [1]
查看完整版本: VUE引入模块之import xxx from 'xxx' 和 import {xxx} from 'xxx'的区别