【Vue】Vue.js全局方法挂载指南

在 Vue.js 中，如果你想在组件中通过 $ 符号访问在 main.js 中挂载到 Vue 原型上的方法或属性，可以按照以下步骤操作：

1. 在 main.js 中挂载属性或方法

在 main.js 文件中，你可以通过 Vue.prototype 添加全局属性或方法。例如：

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

// 在 Vue 原型上挂载一个方法或属性
Vue.prototype.$myGlobalMethod = function() {
   
  console.log('这是一个全局方法')
}

Vue.prototype.$myGlobalVariable = '这是一个全局变量'

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

2. 在组件中使用 $ 访问

在组件中，你可以直接通过 this.$myGlobalMethod 或 this.$myGlobalVariable 访问这些全局属性或方法：

export default {
   
  name: 'MyComponent',
  created() {
   
    // 调用全局方法
    this.$myGlobalMethod