在Vue中，我們經(jīng)常需要調(diào)用外部的方法來實現(xiàn)某些功能或者操作。這些外部方法可能是在同一個 .js 文件中定義的，也可以是在其他 .js 文件中定義的。

當(dāng)我們需要在 Vue 組件中調(diào)用外部方法時，可以通過以下兩種方式實現(xiàn)：

第一種方式是將外部方法定義為全局函數(shù)。這意味著，這些函數(shù)可以在任何地方調(diào)用，包括在 Vue 組件中。定義全局函數(shù)的方法是在 Vue 實例化之前進行定義。例如：

function myFunction() {
console.log('This is my function');
}
var app = new Vue({
//...
})

接下來，我們可以在 Vue 組件中調(diào)用這個全局函數(shù)。例如：

export default {
name: 'MyComponent',
mounted() {
myFunction();
}
}

第二種方式是將外部方法定義為 Vue 實例的方法。這個方法需要在 Vue 實例中定義。例如：

var app = new Vue({
methods: {
myMethod() {
console.log('This is my method');
}
}
})

接下來，我們可以在 Vue 組件中通過 this.$root 來調(diào)用這個方法。例如：

export default {
name: 'MyComponent',
mounted() {
this.$root.myMethod();
}
}

除了這兩種方式，我們還可以通過 mixin 來實現(xiàn)在 Vue 組件中調(diào)用外部方法。mixin 可以被多個組件使用，并且能夠?qū)崿F(xiàn)組件之間相同代碼的復(fù)用。

定義一個 mixin 的代碼如下：

var myMixin = {
methods: {
myMixinMethod() {
console.log('This is my mixin method');
}
}
}

然后在 Vue 組件中使用 mixin，實現(xiàn)代碼復(fù)用。例如：

import myMixin from './myMixin';
export default {
name: 'MyComponent',
mixins: [myMixin],
mounted() {
this.myMixinMethod();
}
}

通過上述方式，我們可以方便地在 Vue 組件中調(diào)用外部方法，實現(xiàn)功能的擴展和重用。