不灭的焱

当前这个前端工程里，左侧导航没有在前端按某个字段做显式排序。

因此如果你现在看到左侧导航像是按排序号排好的，那大概率是：

• 后端在返回 /auth/user 的 authorities 时，已经按 sortNumber 排好了
• 前端只是按返回顺序展示

import.meta 是 ES 模块（ES Module） 的一个内置元数据对象，是 ES2020 标准引入的特性，专门用于暴露当前模块的上下文信息（比如模块路径、环境变量等）。它不是全局变量，而是每个 ES 模块独有的，只能在 ES 模块文件（.js/.ts 且设置了 type="module"，或 Vite/Rollup 等构建工具处理的文件）中使用。

EleAdmin 后台管理模板，通用型后台管理模板，界面美观、开箱即用，拥有丰富的扩展组件和模板页面，适合各类中后台应用

Vue3 插件是扩展应用全局能力的核心方式，可实现全局组件、指令、原型方法、全局属性等功能的封装，一次注册全应用生效。本文从插件开发规范、2 类核心实战案例、完整使用流程、进阶技巧四个维度讲解，兼顾基础与实用，案例可直接复用。

在 Vue 3 中，ref 和 reactive 是两个用于创建响应式数据的核心 API，它们在使用方式、适用场景和底层实现上存在显著差异。

• 相对模块：路径以 ./（当前目录）、../（上级目录）开头，是 “相对于当前文件位置” 的导入方式，主要用于项目内部的文件引用。
• 绝对模块：路径不以 .//../ 开头（比如直接写 utils、@/components/Button），是 “基于配置的根目录” 的导入方式

简单来说，import { } 中的大括号用于精准导入模块中的 “具名导出”（Named Exports），和不加大括号的 “默认导出（Default Exports）” 是相对的。

结合 Vue 3 官方推荐和行业最佳实践，整理一份详尽的项目文件夹与文件名命名规则，这是规范 Vue 3 项目结构、提升代码可维护性的核心需求。

1. Vue3 + TypeScript 项目可通过官方脚手架 create-vue 一键初始化，只需在创建时选择 TypeScript: Yes 即可；
2. 核心用法是 <script setup lang="ts"> 语法，结合 TS 的接口（Interface）、基础类型、联合类型 约束数据结构，结合 Vue3 的 ref/reactive/computed 实现类型安全的响应式开发；
3. 对于路由参数、Props 等场景，通过 TS 显式声明类型，可提前发现类型错误，提升项目的健壮性和可维护性。

1. Vue3 项目通过官方脚手架 create-vue 初始化后，默认支持 ES6 模块化和所有 ES6+ 特性，核心是使用 import/export 替代 CommonJS 的 require/module.exports；
2. 在 Vue3 的 <script setup> 语法中，可以直接使用 let/const、箭头函数、解构赋值、Promise/async-await、Class 等 ES6 核心特性；
3. Node.js 环境只需保证版本 ≥ 16.0.0，即可完美兼容 Vue3 项目中的 ES6 模块化和特性使用。