在前端開發中，我們經常會遇到多個組件所需要的相同方法或者變量。如果我們每次都在組件內部單獨定義這些方法或變量，不僅浪費了時間，還容易讓代碼難以維護。因此，我們需要將這些公共方法抽離出來，以便在多個組件中共享使用。

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

//例如，在common.js文件中定義一個公共方法
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}`
}

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

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

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

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

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

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

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