vue插件注入全局实例的本质是将方法挂载到所有组件共享的原型链：vue 2用vue.prototype，vue 3用app.config.globalproperties；需导出含install方法的对象，统一加$前缀，避免覆盖内置属性，异步操作应封装为函数；推荐封装为可配置插件，按需场景可用provide/inject替代。
Vue 插件注入全局实例，本质是让所有组件都能通过 this 访问统一的方法或属性。核心在于把功能挂到“所有组件实例共享的原型链”上——Vue 2 用 Vue.prototype，Vue 3 用 app.config.globalProperties。
Vue 2：挂载到 Vue.prototype
每个组件实例都继承自 Vue 构造函数原型，往 Vue.prototype 上添加方法，所有组件就能直接调用 this.$xxx。
- 插件必须导出含
install方法的对象，第一个参数是 Vue 构造器 - 方法名统一加
$前缀（如$toast），避免与组件自身 data、props 冲突 - 不要覆盖内置属性（如
$data、$emit） - 异步操作需封装为函数，不挂原始 Promise 实例（保证每次调用上下文独立）
Vue 3：挂载到 app.config.globalProperties
Vue 3 废弃了 Vue.prototype，改用应用实例的 config.globalProperties。
vue-component-analyzer
下载
递归分析 Vue 项目组件依赖，从入口文件生成组件层级图，支持 Vue 2/3，输出组件名、文件路径和属性。适用于分析组件结构、排查依赖或了解项目架构。
- 在
createApp()后、mount()前注册：app.config.globalProperties.$http = () => fetch(...) - Options API 组件中仍可用
this.$http - Composition API（
<script setup></script>）需借助getCurrentInstance()获取proxy才能访问：proxy.$http
推荐封装成标准插件结构
不建议在 main.js 直接挂载，而应封装为可复用、可配置的插件。
- 新建
plugins/globalMethods.js，导出对象含install(Vue/app, options) -
install内部根据 Vue 版本判断挂载位置（兼容写法可配合版本检测） - 支持传入配置项，比如自定义日期格式函数：
app.use(GlobalMethods, { dateFormat: myFormat }) - 内部方法保持纯函数特性，不依赖 this 指向以外的状态
替代方案：provide / inject（按需场景）
如果只需在某段组件树内共享方法（比如某个业务模块），provide/inject 更精准、更易维护。
- 在父组件或应用入口用
app.provide('myApi', apiObj) - 子组件用
inject('myApi')获取，不污染全局命名空间 - 适合配置驱动型工具（如主题、语言包、请求 client），而非通用工具函数
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
