ES6导出资源以及引入方式

方法一

单独导出

src\util.js

export function setData() {
  console.log("setData");
}
export function getData() {
  console.log("getData");
}

解构赋值引入

src\pages\test\test.jsx

import { setData , getData } from "../../util";

如果是 export 单独导出，则解构赋值方法引入

方法二

默认方式导出

function setData() {
  console.log("setData");
}
function getData() {
  console.log("getData");
}
export default setData;

单独引入

import getData from "../../util";

如果使用结构赋值方式引入会报错

import { getData } from "../../util";//TypeError: Object(...) is not a function

方法三

对象方式导出

function setData() {
  console.log("setData");
}
function getData() {
  console.log("getData");
}
export default { setData, getData };

调用方式引入

//引入
import util from "../../util";

//调用
util.getData();