app.use() 安装插件
最后更新:2026-10-22
app.use() 安装插件
app.use() 安装插件:插件可以注册全局组件、指令、注入依赖或补充应用配置(如路由、状态管理)。
| 分组 | 全局 API |
|---|---|
| 类型 | API |
| 作用域 | 全局 |
| Vue 版本 | 3.0+ |
| SSR 支持 | 支持 |
📝 语法
app.use(router)
app.use(pinia)
app.use(MyPlugin, { option: 1 })
⚙️ 参数
| plugin, ...options | 插件(含 install 方法的对象或函数)+ 可选配置项 |
|---|
返回值:应用实例(可链式)
▶ 示例
修改下面的代码,在预览区实时查看效果:
输出:
显示「你好,Vue 开发者」。
💡 要点
ℹ️ 说明 同一个插件只会安装一次:重复 use 会被忽略(多实例除外)。
💡 提示 写插件时把能力挂在 app.config.globalProperties 或 provide 上,两种风格都常见。
⚠️ 注意 必须在 mount 之前 use,挂载后安装的插件不生效。
🏷️ 相关全局 API
💡 相关案例
更多案例即将上线。
📚 相关教程
❓ 常见问题
Q 插件和组件库什么关系?
A 大多数 UI 库就是插件:app.use(Library) 一次性注册全部组件。
Q 能装多个插件吗?
A 可以,顺序可能影响初始化(如 router 依赖 store 时要注意先后)。
Q 重复安装会重复注册吗?
A 不会,插件内部会记录安装状态。