Vue.js中app.use()的作用是什么？与Express的app.use()是否类似？

一、Vue 里的 app.use() 到底是干啥的？ #

它是 Vue 3 应用实例的核心方法之一，专门用来注册全局插件，给整个应用注入通用功能：

• 官方插件（比如 Vue Router、Pinia 状态管理）必须通过它注册，才能让应用全局使用对应的能力。比如注册路由：

  import { createApp } from 'vue'
  import App from './App.vue'
  import router from './router'
  
  const app = createApp(App)
  app.use(router) // 注册路由插件
  app.mount('#app')
  

• 你自己写的自定义插件也得用它注册，比如全局指令、全局过滤器、全局方法之类的，注册后所有组件都能直接调用，不用每次单独引入。

二、和 Express 的 app.use() 类似吗？ #

只能说核心思路沾点边，但具体作用场景完全不一样：

• 两者都是「给应用实例挂载扩展功能」的逻辑，但：
  • Express 的 app.use() 是用来注册 HTTP 请求中间件的，比如处理路由、解析请求体、设置跨域，完全是和后端请求流程绑定的。
  • Vue 的 app.use() 是针对前端 Vue 应用的功能扩展，和组件渲染、全局状态、前端工具类这些相关，和 HTTP 请求没有直接关系。

小提示 #

你说在官方文档没找到相关信息，可能是没找对位置——Vue 3 的 app.use() 详细说明在「应用 API」和「插件开发」这两个章节里，回头可以去这两块翻一翻。

内容的提问来源于stack exchange，提问作者bark0der