Nuxt3 中文课程 《实战全栈开发简书》.

utils

使用utils/目录在整个应用程序中自动导入你的工具函数。

utils/目录的主要目的是在你的Vue组件和其他自动导入的工具函数之间进行语义上的区分。

使用方法

方法1: 使用命名导出

utils/index.ts
export const { format: formatNumber } = Intl.NumberFormat('en-GB', {
  notation: 'compact',
  maximumFractionDigits: 1
})

方法2: 使用默认导出

utils/random-entry.ts 或 utils/randomEntry.ts
// 它将作为randomEntry()可用(文件名的驼峰形式,不包括扩展名)
export default function (arr: Array<any>) {
  return arr[Math.floor(Math.random() * arr.length)]
}

现在你可以在.js.ts.vue文件中使用自动导入的工具函数了。

app.vue
<template>
  <p>{{ formatNumber(1234) }}</p>
</template>
Read more in Docs > Guide > Concepts > Auto Imports.
Read and edit a live example in Docs > Examples > Features > Auto Imports.
utils/自动导入的工作方式和扫描方式与composables/目录相同。
这些工具函数仅在Vue部分中可用。
只有server/utilsserver/目录中被自动导入。