【关于export const 和export default】

关于export const，和 export default，这两个有什么区别

• 在一个文件中export const可以有多个，但是export default只有且仅有一个

// 获取后台的动态路由
export const getRoutersFromService = fetch({
  url: `${BASE_PATH}/api/misc/sys/base/menu/systemMenu/platform`,
  method: 'post'  
});
// 列表接口
export const getProdList = fetch({
  // url: `${BASE_PATH1}/product/queryProductList`,
  url: `${BASE_PATH1}/product/queryProductInfos`,
  method: 'post'
});
// 保存接口
export const saveForm = fetch({
  url: `${BASE_PATH1}/product/operation`,
  method: 'post'
});

需要引入使用的时候

import { getProdList, saveForm, editForm } from '@/api';

---

• 在一个文件中export default只有且仅有一个

const checkUtilIn = {
  checkName: cname => {
    const iscname = checkUtilIn.nameElse.test(cname);
    if (cname === null || cname === '' || cname === undefined) {
      return '请输入姓名';
    }
    if (!iscname) {
      return '请输入正确的姓名';
    }
    return '';
  },
};
export default checkUtilIn

需要引入使用的时候，【导入的时候可以给这个模块任意取名字，且不需要用花括号】

import checkUtil from '@/validator/checkUtil'

可以在一个文件中有多个export const，最后再用export default 统一导出

export const str1= 'nihao'
export const f1 = (a,b) => {
    return a+b
}
 export default {
   str,
   f1
}

import用于引入一个JS文件：
1、如import引入的是依赖包，则不需要相对路径；
2、如import引入的是自定义的JS文件，则需要相对路径；