vue注册全局方法

Vue注册全局方法是指将一个函数或对象注册到Vue实例中，在任何组件中都可以通过this访问到该方法或对象。Vue提供了两种注册全局方法的方式，分别是通过Vue.prototype和通过Vue.mixin。

一、通过Vue.prototype注册全局方法

Vue.prototype是Vue实例的原型，所有的组件实例都会共享这个原型，所以可以在这个原型上定义全局方法。下面是一个简单的示例：

```

// main.js

import Vue from 'vue'

Vue.prototype.$myMethod = function() {

console.log('This is a global method')

}

// App.vue

```

在上面的例子中，我们在main.js中将一个名为$myMethod的函数注册到了Vue.prototype上，然后在App.vue组件中通过this.$myMethod()调用该方法。这样不论是在App.vue组件还是其子组件中，都可以通过this.$myMethod()来调用全局方法。

二、通过Vue.mixin注册全局方法

Vue.mixin允许我们在所有组件中混入指定的方法或选项。下面是一个示例：

```

// main.js

import Vue from 'vue'

Vue.mixin({

methods: {

$myMethod: function() {

console.log('This is a global method')

}

}

})

// App.vue

```

在上面的示例中，我们在main.js中使用Vue.mixin将一个包含$myMethod方法的对象混入到了所有的组件中。这样在App.vue组件中就可以直接通过this.$myMethod()来调用该方法。

需要注意的是，使用Vue.mixin时混入的方法和选项会被组件中的同名方法和选项覆盖。这种方式适用于在多个组件**享相同的逻辑或方法。

总结：

通过Vue.prototype和Vue.mixin都可以实现在Vue实例中注册全局方法，但使用的场景略有不同。

- Vue.prototype适用于在所有的组件中都需要使用的全局方法。

- Vue.mixin适用于在多个组件**享相同的逻辑或方法。