请说明在 Vue 项目中，有哪些方式可以定义全局可调用的方法？它们各自的特点和使用场景是什么？
考察说明
考查对 Vue 全局方法定义方式的掌握程度，以及能否根据场景选择合适方案。
回答思路
- 【回答框架 1】在 Vue 2 中，可以通过 Vue.prototype 挂载全局方法，例如 Vue.prototype.$myMethod = function() {...}，这样所有组件实例都能通过 this.$myMethod 访问。该方法适合工具函数、常量或与实例无关的逻辑。
- 【回答框架 2】在 Vue 3 中，推荐使用 app.config.globalProperties 来挂载全局方法，例如 app.config.globalProperties.$myMethod = ...，在组合式 API 中可以通过 getCurrentInstance() 或 provide/inject 访问。
- 【回答框架 3】还可以使用全局 Mixin，在 created 等生命周期中注入方法，但需谨慎使用，因为会影响所有组件，且可能造成命名冲突和难以追踪的依赖。
- 【回答框架 4】对于跨组件共享的状态方法，可以使用 Vuex（或 Pinia）的 store 中定义 action 或 getter，通过调用 store 来使用，适合有状态且需要响应式的全局逻辑。
- 【回答框架 5】另外，可以将方法定义在独立的工具模块中，通过 import 引用，虽然不挂载到原型，但也是常用的全局方法定义方式，适合纯函数工具库。组件内使用时需要显式导入。
- 【关键点 1】Vue 2 用 Vue.prototype 挂载，Vue 3 用 app.config.globalProperties。
- 【关键点 2】全局 Mixin 有影响面大、易冲突的缺点。
- 【关键点 3】状态型全局逻辑更适合用 Vuex/Pinia store。
- 【关键点 4】工具型方法推荐模块化导出，避免全局污染。
- 【易错点 1】不注意 Vue 2 和 Vue 3 的差异，在 Vue 3 中继续用 Vue.prototype 会失效。
- 【易错点 2】滥用 Vue.prototype 或 Mixin 会导致全局命名空间污染和代码可读性下降。
- 【易错点 3】在服务端渲染（SSR）中，避免在全局属性上挂载依赖浏览器环境的对象。