# Composables di Vue (Vue.js / Nuxt.js)

> Creazione di composables, logica riutilizzabile, useState, useRoute, useRouter, pattern di composables personalizzati

- 20 domande da colloquio
- Mid-Level
- [Domande da colloquio: Vue.js / Nuxt.js](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio.md)

## 1. Cos'è un composable in Vue 3 e Nuxt 3?

**Risposta**

Un composable è una funzione che incapsula logica riutilizzabile usando la Composition API di Vue. I composables permettono di condividere stato ed effetti tra i componenti senza ricorrere ai mixin. Per convenzione, il nome di un composable inizia sempre con il prefisso use, il che ne facilita l'identificazione nel codice.

## 2. Qual è la convenzione di denominazione consigliata per i composables?

**Risposta**

I composables dovrebbero sempre iniziare con il prefisso use seguito da un nome descrittivo in camelCase. Questa convenzione permette di identificare rapidamente i composables nel codice e di distinguerli dalle normali funzioni di utilità. Ad esempio, useCounter, useFetch o useAuth sono nomi appropriati per i composables.

## 3. Dove dovrebbero essere collocati i composables in un progetto Nuxt 3?

**Risposta**

I composables dovrebbero essere collocati nella directory composables nella radice del progetto. Nuxt 3 importa automaticamente tutti i file di questa directory, il che consente di usare i composables senza doverli importare manualmente. Questo auto-import migliora l'esperienza dello sviluppatore e riduce il codice boilerplate.

## Altre 17 domande disponibili

- Qual è il vantaggio principale di useState rispetto a ref in Nuxt 3?
- Come accedere ai parametri della route corrente in un composable Nuxt?

Registrati gratis: https://sharpskill.dev/it/login

## Altri argomenti di colloquio Vue.js / Nuxt.js

- [Fondamenti di JavaScript](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/javascript-fundamentals.md): 20 domande, Junior
- [JavaScript moderno (ES6+)](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/es6-modern-javascript.md): 20 domande, Junior
- [Fondamenti di Vue](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/vue-basics.md): 22 domande, Junior
- [Componenti Vue](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/vue-components.md): 20 domande, Junior
- [Vue Router](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/vue-router.md): 18 domande, Junior
- [Pinia State Management](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/pinia-state-management.md): 20 domande, Junior
- [Vuex (Legacy)](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/vuex-legacy.md): 15 domande, Mid-Level
- [Composition API](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/composition-api.md): 24 domande, Mid-Level
- [Reattività di Vue](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/vue-reactivity.md): 20 domande, Mid-Level
- [Fondamenti di Nuxt](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/nuxt-fundamentals.md): 22 domande, Mid-Level
- [Data Fetching in Nuxt](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/nuxt-data-fetching.md): 20 domande, Mid-Level
- [SSR e SSG in Nuxt](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/nuxt-ssr-ssg.md): 22 domande, Mid-Level
- [Route server Nuxt](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/nuxt-server-routes.md): 20 domande, Mid-Level
- [Moduli Nuxt](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/nuxt-modules.md): 18 domande, Mid-Level
- [Form e validazione Vue](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/vue-forms-validation.md): 20 domande, Mid-Level
- [Gestione dello stato in Nuxt](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/nuxt-state-management.md): 18 domande, Mid-Level
- [Testing in Vue](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/vue-testing.md): 20 domande, Mid-Level
- [Deployment di Nuxt e CI/CD](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/nuxt-deployment-cicd.md): 22 domande, Mid-Level
- [Prestazioni di Vue](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/vue-performance.md): 22 domande, Senior
- [Pattern avanzati di Vue](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/vue-advanced-patterns.md): 24 domande, Senior
- [TypeScript con Vue](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/typescript-vue.md): 22 domande, Senior
- [Autenticazione Nuxt](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/nuxt-auth.md): 20 domande, Senior
- [SEO con Nuxt](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/nuxt-seo.md): 20 domande, Senior
- [Internazionalizzazione in Nuxt](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/nuxt-i18n.md): 18 domande, Senior
- [Architettura Vue](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/vue-architecture.md): 22 domande, Senior
- [Sicurezza Nuxt](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/nuxt-security.md): 20 domande, Senior
- [Ecosistema Vue](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/vue-ecosystem.md): 18 domande, Senior
- [Migrazione Vue 2→3 e Nuxt 2→3](https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/migration-vue2-vue3-nuxt2-nuxt3.md): 22 domande, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/it/technologies/vue-nuxt/domande-colloquio/vue-composables