Vue的组件为什么要export default

原文链接： https://www.cnblogs.com/blog-cxj2017522/p/8562536.html

https://www.cnblogs.com/blog-cxj2017522/p/8562536.html

 

　export 和export default 的区别在于：export 可以导出多个命名模块，例如：

//demo1.js
export const str = 'hello world'

export function f(a){
    return a+1
}

　　对应的引入方式：

//demo2.js
import { str, f } from 'demo1'

　　export default 只能导出一个默认模块，这个模块可以匿名，例如：

//demo1.js
export default {
    a: 'hello',
    b: 'world'      
}

　　对应的引入方式：

//demo2.js
import obj from 'demo1'

　　引入的时候可以给这个模块取任意名字，例如 "obj"，且不需要用大括号括起来。