在 Vue.js 中,我們可以通過 export 方式來暴露組件、單例對象、方法等內容。當我們需要在其他組件或文件中使用這些內容時,可以通過 import 引入。
下面是一個示例代碼,我們可以將其中的一個方法通過 export 方式暴露出來:
// utils.js 文件中的一段方法
function formatDate(date) {
const year = date.getFullYear()
const month = date.getMonth() + 1
const day = date.getDate()
return `${year}-${month}-${day}`
}
// 暴露 formatDate 方法
export { formatDate }
在其他組件或文件中使用暴露出來的 formatDate 方法,只需要在文件開頭通過 import 引入即可:
// 引入 utils.js 文件中的 formatDate 方法
import { formatDate } from '@/utils.js'
// 在使用處調用 formatDate 方法
const now = new Date()
const formattedDate = formatDate(now)
通過 export 方式暴露方法,可以方便地在不同組件或文件中共享模塊。同時,在代碼變動時也更容易維護和修改。
上一篇頁面下居中css樣式