在vue中使用mock时，只在开发环境引入配置文件，使用了import('xxx')，出现onmounted中调用网络请求失败，才发现该方法时异步的，需要改成require('')

if (process.env.NODE_ENV === 'development') {
    require('@/mock') //测试环境可打开 import('xx') 是异步，会导致在onMounted中请求失败
}

定义一个test.js文件进行export导出

const test = 'asdasd'
export const a = 'aaa'
export const b = () => {
    return 'bbbb'
}
export const c = { title: 'cccc' }
export const d = ['ddd', 'eee']

export default test 

import，编译时调用，是一个解构过程

import * as all from './test'
/* 返回里面所有export，可通过 all.a方式访问
Modules{
    a: "aaa"
    b: () => { return 'bbbb'; }
    c: Object
    d: Array(2)
    default: "asdasd"
}
*/

import test from './test'
console.log(test)
//返回asdasd 即 export default的值,test可以随意定义

import { a, b } from './test'
console.log(a, b())
//{} 里面的为 export 的变量

import test, { a, b } from './test'
//test为 export default的变量，{} 里面的为 export 的变量

import './test'
//导入一个文件

以上import方式只能放在文件开头，如果需要在不同情形只是引入一个文件使用下面方式

import('./test')
//导入一个文件，这是一个异步的操作，可以使用then进行回调处理

如果临时引用一个文件可以使用require('xxx')