vue中export和export default
export和export default
·
1.export和import的涵义
export主要用于对外输出本模块变量的接口,一个文件就可以被理解为一个模块。export就是导出。
import就是在一个模块中加载另一个含有export接口的模块, import就是导入。
在一个模块中,可以同时使用 export default 和 export 向外暴露成员
2.export和export default的区别
共同点:
export default和export都能导出一个模块里面的常量,函数,文件,模块等,在其它文件或模块中通过import来导入常量,函数,文件或模块。这样就可以使用它们了。
区别:
在一个文件或模块中,export,import可以有多个,export default只允许向外暴露一次。
通过export方式导出,在导入的时候需要加{}大括号,export default 不需要加{}.
export default 向外暴露的成员,可以使用任意变量来接收,如 import a from './test.js
使用 export 导出的成员,必须严格按照导出时候的名称,来使用 { } 按需接收
使用 export 导出的成员,若换个变量名称接收,可以使用 as 换别名,如import {content as content123} from ‘./test.js’
3.实例说明
var name = 'liming'
export { name }
import { name } from "/test.js"
var name = 'liming'
export default name
import name from "/test.js"
export default {
name: '李明',
age: 19
}
// 或:
// var info = {
// name: '李明',
// age: 19
// }
// export default info
更多推荐
已为社区贡献3条内容
所有评论(0)