import导出方式的不同

import xx from ‘…/…/’

当使用 import xx from ‘…/…/’ 这种方式时，被引入的文件通常是一个默认导出

// file1.js
const myFunction = () => {
  // Function implementation
}

export default myFunction

//上边我们建立了一个 filel.js文件，现在需要到某个js里引入这个文件
import myFunction from '../../file1.js'

// 使用被引入的函数
myFunction()

import {fun} from ‘…/…/’

当使用 import {fun} from '…/…/'这种方式时，被引入的文件通常是一个具名导出

// file1.js
export const fun = () => {
  // Function implementation
}

//上边我们建立了一个 filel.js文件，现在需要到某个js里引入这个文件
// file2.js
import { fun } from '../../file1.js'

// 使用被引入的函数
fun()