utils
Utiliza el directorio utils/ para importar automáticamente tus funciones utilitarias en toda tu aplicación.
El propósito principal del directorio utils/ es permitir una distinción semántica entre tus composables de Vue y otras funciones utilitarias importadas automáticamente.
Uso
Método 1: Usando exportación nombrada
export const { format: formatNumber } = Intl.NumberFormat('en-GB', {
notation: 'compact',
maximumFractionDigits: 1
})
Método 2: Usando exportación por defecto
// Estará disponible como randomEntry() (camelCase del nombre del archivo sin extensión)
export default function (arr: Array<any>) {
return arr[Math.floor(Math.random() * arr.length)]
}
Ahora puedes usar funciones utilitarias importadas automáticamente en archivos .js, .ts y .vue
<template>
<p>{{ formatNumber(1234) }}</p>
</template>
La forma en que utils/ se importa automáticamente y se escanea es idéntica al directorio composables/.
Estos utils solo están disponibles dentro de la parte Vue de tu aplicación. :br
Solo server/utils se importan automáticamente en el directorio server/.
※Esta página es una traducción no oficial de la documentación oficial de Nuxt.js.
La página correspondiente en la documentación oficial está aquí:
https://nuxt.com/docs/3.x/guide/directory-structure/utils