在項(xiàng)目開(kāi)發(fā)中，我們經(jīng)常會(huì)寫(xiě)一些公共函數(shù)，Vue框架也提供了一些使用方法，來(lái)使這些函數(shù)更加方便地在組件中使用。

首先，我們可以創(chuàng)建一個(gè)單獨(dú)的JavaScript文件，用于存儲(chǔ)公共函數(shù)，例如：

const doSomething = () =>{
// function code here
}
export default {
doSomething
}

在Vue中，我們可以通過(guò)mixin來(lái)全局注冊(cè)這些函數(shù)。mixin是Vue提供的一個(gè)特性，它允許我們?cè)诙鄠€(gè)組件中重復(fù)使用同一段代碼。

下面是一個(gè)使用mixin來(lái)注冊(cè)公共函數(shù)的例子：

import yourFunctions from './yourFunctions.js'
Vue.mixin({
methods: {
...yourFunctions
}
})

在上述代碼中，我們首先import了我們剛才創(chuàng)建的函數(shù)，在Vue.mixin中創(chuàng)建了methods屬性，并將yourFunctions對(duì)象解構(gòu)到methods屬性中。

現(xiàn)在，我們可以在任何組件中直接使用這些函數(shù)，而無(wú)需每次都import它們。

通過(guò)Vue.mixin注冊(cè)的函數(shù)是全局的，這意味著它們可以在任何組件中被使用。但是，在不同的組件中可能需要不同的函數(shù)。對(duì)于這種情況，我們可以使用Vue.mixin的一個(gè)變體：局部mixin。

局部mixin只會(huì)在特定的組件中注冊(cè)函數(shù)，這使得我們可以為不同的組件提供不同的函數(shù)。下面是一個(gè)使用局部mixin來(lái)注冊(cè)函數(shù)的例子：

import yourFunctions from './yourFunctions.js'
export default {
mixins: [yourFunctions],
// component code here
}

在上述代碼中，我們將yourFunctions作為mixins屬性的一個(gè)數(shù)組元素傳遞給Vue組件。現(xiàn)在，我們就可以在這個(gè)組件中直接使用yourFunctions中的函數(shù)了。

另一個(gè)選擇是使用Vue的實(shí)例方法。實(shí)例方法是在Vue實(shí)例中注冊(cè)的自定義方法，可以在組件中直接使用。下面是一個(gè)使用實(shí)例方法來(lái)注冊(cè)函數(shù)的例子：

Vue.prototype.doSomething = function () {
// function code here
}

在上述代碼中，我們?cè)赩ue.prototype上創(chuàng)建了一個(gè)新的doSomething函數(shù)，它現(xiàn)在可以在任何Vue實(shí)例中使用。

總之，Vue提供了多種方式來(lái)注冊(cè)和使用公共函數(shù)。我們可以全局注冊(cè)它們，也可以為每個(gè)組件注冊(cè)不同的函數(shù)。無(wú)論我們選擇哪種方式，都可以實(shí)現(xiàn)在Vue應(yīng)用程序中更好地管理和重用我們的代碼。