在Vue中，我們經常需要引用一些公用方法來實現一些通用的功能，例如格式化日期、計算字符串長度等等。在這里，我們將介紹如何引用公用方法。

首先，我們需要將公用方法定義在一個獨立的JS文件中，并將其導出為一個模塊。以下是一個示例：

// utils.js
export function formatDate(date) {
// 格式化日期
}
export function calculateLength(str) {
// 計算字符串長度
}

然后，我們可以在Vue組件中使用這些公用方法。為了使用這些方法，我們需要先在組件中導入所需的模塊：

// MyComponent.vue
<script>
import { formatDate } from '@/utils.js';
export default {
name: 'MyComponent',
data() {
return {
date: new Date(),
};
},
computed: {
formattedDate() {
return formatDate(this.date); // 使用 formatDate 方法
},
},
};
</script>

在上面的代碼中，我們使用 import 語句導入了 formatDate 方法，然后在 computed 屬性中使用了這個方法來格式化日期。

除了可以使用 import 語句來導入公用方法外，我們還可以在全局范圍內注冊這些方法，以便它們可以在所有的組件中使用。以下是一個示例：

// main.js
import { formatDate } from '@/utils.js';
import Vue from 'vue';
Vue.prototype.$formatDate = formatDate; // 注冊全局方法
new Vue({
// ...
});

在上面的代碼中，我們通過 Vue.prototype.$formatDate = formatDate 將 formatDate 方法注冊為所有 Vue 實例的全局方法。

現在，我們可以在任何地方使用 $formatDate 方法來格式化日期，例如：

// Foo.vue
<script>
export default {
name: 'Foo',
mounted() {
const now = new Date();
console.log(this.\$formatDate(now)); // 使用 $formatDate 方法
},
};
</script>

在上面的代碼中，我們使用了 $formatDate 方法來格式化當前時間，并將結果輸出到控制臺。

總之，在Vue中，我們可以通過定義公用方法并將其導出為模塊，然后在組件中使用 import 語句來引用這些方法。我們還可以注冊全局方法，以便它們可以在所有的組件中使用。