vue中 公共函数封装时候export和export default的写法区别

首先在js文件里面export default只能出现一次,export可以出现多次

export default的使用

d.js

const a = [{name:''张三"}]
const b = [{name:''李四"}]
export default {
    a,
    b  
}

a.js

import dic from './d'

export function test() {

    console.log('dic',dic,dic.a)

}

export的使用

d.js

export const a = [{name:''张三"}]
export const b = [{name:''李四"}]

a.js

import * as dic from './d'

export function test() {

    console.log('dic',dic,dic.a)

}

这种写法 test()输出的dic对象与export default是一样的,但是区别是这里的dic是module对象，export default的dic是正常对象

export的正常写法

a.js

import {a} from './d'
export function test() {
    console.log('dic',a)
}

这里面三种写法，输出的这个a结果都一样