Vue export default{} 和 export 的区别

在 Vue 中，如果需要复用组件，则需要在被复用组件 A 中使用 export 来定义输出接口，并在主组件 B 中用 import 来引入该组件

export 和export default 的区别在于：前者可以同时导出多个模块，而后者只能导出一个对象；此外，二者在 import 时的格式也不一样

导出

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

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

引入

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

导出

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

引入

//demo2.js
import obj from 'demo1'

注意 import 时的 {}，export default{}，不用大括号