理解 import ··· from ··· 、 import { } from ··· 、import ··· 的区别

提示：以下内容是个人理解，如有错误请谅解

---

前言

学完 Vue 一直不是很理解 import ··· from ··· 、 import { } from ··· 、import ··· 的区别
再次写 vue 的项目的时特意去查找资料，感觉不是很全，所以自己写了一个。

---

提示：以下内容是个人理解，可供参考

一、import ··· from ··· 与 import { } from ··· 的区别

1. 如果一个 .js 文件中使用的是 export defaut 默认导出，
   代码如下：index.js 文件

   const fun = () => {
        
   	console.log('用export_default默认导出的')
   }
   export default fun
   

   则使用 import ··· from ··· 默认导入；
   代码如下：main.js 文件

   import fun from 'index.js'
   

2. 如果一个 .js 文件中使用的是 export 按需导出
   代码如下：index.js 文件

   export const fun = () => {
        
   	console.log(