在 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{}
,不用大括号