Vue【九】vue导入与导出语法

Vue【九】vue导入与导出语法

---

---

前言

vue中导入与导出语法经常见到，并且也经常使用，导入与导出语法主要分默认和按需。

---

一、默认导出

1. 默认导出：

• 默认导出 export defaut
• 一个文件中只能有一个默认导出，例如： export default router

2. 默认导入：

• 如果使用了默认导出 就必须使用默认导入
• import router from "@/router" 【import后面的对象名可以随意取】

二、按需导出

1. 按需导出：

• 按需导出export
  例如 export const constantRoutes = ()=>{}
• 导出的可以是一个变量、数组、对象、函数等
• 按需导出 可以导出多个成员

2. 按需导入：

• 要导入按需导出的成员 就必须使用按需导入

• 按需导入语法：import { login } from "@/api/user"（可以导出多个成员之间用,分隔）

• 按需导入起别名 import { login as loginUser } from "@/api/user"

• 批量导入 import * as all from "@/api/user" 使用的时候直接all.login()

  总结：

• 当文件中只导出一个成员的时候 通常使用默认导出

• 当文件中只导出多个成员的时候 通常使用按需导出