在前端開發(fā)中，我們經(jīng)常會(huì)遇到多個(gè)組件所需要的相同方法或者變量。如果我們每次都在組件內(nèi)部單獨(dú)定義這些方法或變量，不僅浪費(fèi)了時(shí)間，還容易讓代碼難以維護(hù)。因此，我們需要將這些公共方法抽離出來，以便在多個(gè)組件中共享使用。

在Vue中，我們可以通過引入公共方法的方式實(shí)現(xiàn)這一過程。具體來講，可以將這些公共方法定義在一個(gè)單獨(dú)的JS文件中，然后在需要使用這些方法的組件中引入該JS文件。不過，在進(jìn)行引入之前，我們需要確保JS文件的方法是正確的，以免在使用時(shí)出現(xiàn)錯(cuò)誤。

//例如，在common.js文件中定義一個(gè)公共方法
export function formatDate(time) {
let date = new Date(time)
let year = date.getFullYear()
let month = date.getMonth() + 1
let day = date.getDay()
return `${year}-${month}-${day}`
}

當(dāng)我們需要在組件中使用該方法時(shí)，可以通過import導(dǎo)入該方法。需要注意的是，在Vue中，我們一般是將公共方法定義在mixin或Vue實(shí)例中，以便在多個(gè)組件中共享使用。

import { formatDate } from '@/common.js'
export default {
data () {
return {
time: Date.now()
}
},
computed: {
formattedTime () {
return formatDate(this.time)
}
}
}

另外，在進(jìn)行引入公共方法時(shí)，我們還需要注意文件路徑的正確性。Vue中的路徑默認(rèn)是相對于src目錄的，因此如果我們在其他目錄下引入該JS文件，需要使用相對路徑進(jìn)行引入。

import { formatDate } from '../common.js'

最后需要注意的一點(diǎn)是，在引入公共方法后，我們還需要在組件中對該方法進(jìn)行調(diào)用或者使用。如果沒有對公共方法進(jìn)行調(diào)用，那么在組件中將無法正確使用該方法。

import { formatDate } from '@/common.js'
export default {
data () {
return {
time: Date.now()
}
},
computed: {
formattedTime () {
return formatDate(this.time)
}
},
created () {
formatDate(this.time) //正確調(diào)用公共方法的方式
}
}

總之，引入Vue中的公共方法是一種非常實(shí)用的前端開發(fā)方式，通過共享方法和變量，不僅可以提高代碼的復(fù)用性，還減少了代碼的冗余。在實(shí)際開發(fā)中，我們可以根據(jù)情況抽離出多個(gè)公共方法，以便在多個(gè)組件中共享使用。