如何在 Vue.js 的 app.vue 文件中定义和使用全局方法？

在 Vue.js 中，要在 app.vue 文件中定义全局方法，可以遵循以下步骤：

1. **在 main.js 中导入 App 实例**:
首先，确保你在 `src/main.js` 文件中已经创建并导出了 Vue 应用实例。例如：

   import Vue from 'vue'
   import App from './App.vue'

   new Vue({
     render: h => h(App)
   }).$mount('#app')

2. **定义全局方法**:
在 `main.js` 或者单独创建一个名为 `globalMethods.js` 的文件里，你可以定义全局方法：

   // globalMethods.js (如果分开文件)
   export default {
     methods: {
       yourGlobalMethod(arg1, arg2) {  
         // 这里是你的方法实现
         console.log('You called a global method with:', arg1, arg2)
       }
     }
   }

3. **引入并挂载到 Vue 实例上**:
然后，在 `main.js` 中导入这个文件，并将其挂载到 Vue 的原型链上，让所有组件都能访问：

   import globalMethods from './globalMethods'

   Vue.prototype.$yourGlobalMethod = globalMethods.yourGlobalMethod

4. **在 app.vue 或其他组件中使用**:
在需要使用这个全局方法的地方，可以直接通过 `$yourGlobalMethod` 调用它：

   <!-- app.vue -->
   <button @click="$yourGlobalMethod('Hello', 'Vue')">点击调用全局方法</button>