You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/api/index.md
+16-16Lines changed: 16 additions & 16 deletions
Original file line number
Diff line number
Diff line change
@@ -370,7 +370,7 @@ type: api
370
370
```js
371
371
var data = { a:1 }
372
372
373
-
// Creazione di unistanza
373
+
// Creazione di un'istanza
374
374
var vm =newVue({
375
375
data: data
376
376
})
@@ -552,7 +552,7 @@ type: api
552
552
Se la stringa inizia con `#` verrà usata come `querySelector` e verrà presa in considerazione tutta la porzione di HTML interna al template.
553
553
Questo permette l'uso del comune tag `<script Tipo="x-template">`.
554
554
555
-
Da notare che in alcune situazioni, per esempio quando il template contiene un altro template di alto livello o del semplice testo, l'istanza create diventerà unIstanza Frammentata.
555
+
Da notare che in alcune situazioni, per esempio quando il template contiene un altro template di alto livello o del semplice testo, l'istanza create diventerà un'Istanza Frammentata.
556
556
557
557
-**Vedi anche:**
558
558
-[Diagramma del Ciclo di Vita](/guide/instance.html#Lifecycle_Diagram)
@@ -630,7 +630,7 @@ type: api
630
630
631
631
-**Dettagli:**
632
632
633
-
Questa funzione viene chiamata in modo sincrono dopo che l'istanza di Vue viene creata. In questo statio, l'istanza ha già finito di processare le properità e le opzioni, il che significa
633
+
Questa funzione viene chiamata in modo sincrono dopo che l'istanza di Vue viene creata. In questo statio, l'istanza ha già finito di processare le properità e le opzioni, il che significa
634
634
che le seguenti caratteristiche sono già state istanziate: Osservazione dei dati, Proprietà derivate, Metodi, Sistema di watching ed Eventi.
635
635
In questo stadio manca solo la compilazione del DOM e l'elemento `$el` non è ancora disponibile.
636
636
@@ -797,7 +797,7 @@ type: api
797
797
798
798
-**Dettagli:**
799
799
800
-
Eventi è un oggetto contenente delle proprietà legate a funzioni. Eventi contiene eventi relativi a Vue e non al DOM, la chiave della proprietà
800
+
Eventi è un oggetto contenente delle proprietà legate a funzioni. Eventi contiene eventi relativi a Vue e non al DOM, la chiave della proprietà
801
801
verrà usata come nome dello specifico elemento mentre il valore in stringa, o funzione, sarà il corpo del evento stesso.
802
802
L'istanza di Vue chiamerà `$on()` per ogni chiave trovata nel oggetto Eventi.
803
803
@@ -1108,7 +1108,7 @@ Vue non tiene una copia dei valori pre-modifica.</p>
1108
1108
2. Quando si vuole creare una coppia chiave-valore che non esisteva in precedenza.
1109
1109
1110
1110
Se la chiave non esiste verrà creatà ed impostata in modo che sia reattiva.
1111
-
Se la chiave viene impostata in unistanza di Vue che è anche root di componenti tutti i componenti attiveranno un watcher di default per la nuova chiave.
1111
+
Se la chiave viene impostata in un'istanza di Vue che è anche root di componenti tutti i componenti attiveranno un watcher di default per la nuova chiave.
1112
1112
1113
1113
-**Esempio:**
1114
1114
@@ -1471,7 +1471,7 @@ Vue non tiene una copia dei valori pre-modifica.</p>
1471
1471
1472
1472
Aggiorna il testo dell'elemento nel quale viene utilizzato. Il testo viene aggiornao tramite `textContent`.
1473
1473
1474
-
Internamente, l'interpolazione `{% raw %}{{ Mustache }}{% endraw %}` viene compilata come direttiva `v-text`.
1474
+
Internamente, l'interpolazione `{% raw %}{{ Mustache }}{% endraw %}` viene compilata come direttiva `v-text`.
1475
1475
La direttiva è un pelino più performance della sua controparte ad interpolazione.
1476
1476
1477
1477
-**Esempio:**
@@ -1563,14 +1563,14 @@ Vue non tiene una copia dei valori pre-modifica.</p>
1563
1563
Renderizza il blocco di elementi, o template, più volte in base ai dati che riceve.
1564
1564
L'espressione contenente i dati deve rispettare una sintassi corretta in modo tale che avvenga la giusta iterazione:
1565
1565
Potete usare due tipi di alias per l'iterazione `(in|of)`
1566
-
1566
+
1567
1567
```html
1568
1568
<!-- Equivale a item of items !-->
1569
1569
<divv-for="item in items">
1570
1570
{{ item.text }}
1571
1571
</div>
1572
1572
```
1573
-
1573
+
1574
1574
**Nota** l'utilizzo di `of` è valido solo con versioni di Vue uguali o superiori alla `v1.0.17`.
1575
1575
Si può specificare un nome alternativo per l'index del ciclo for, per esempio se si ha a che fare con una collezione di oggetti:
1576
1576
@@ -1601,7 +1601,7 @@ Vue non tiene una copia dei valori pre-modifica.</p>
1601
1601
-**Utilizzo:**
1602
1602
1603
1603
Allega un evento ad un elemento del DOM. L'evento è l'argomento di questa direttiva.
1604
-
L'espressione può essere anche il corpo del evento stesso oppure il nome, in stringa, del evento nell'istanza di Vue.
1604
+
L'espressione può essere anche il corpo del evento stesso oppure il nome, in stringa, del evento nell'istanza di Vue.
1605
1605
1606
1606
Quando si usano gli **eventi nativi del DOM** Vue gli ascolterà tutti. Se invece si usano eventi personalizzati andranno ascoltati dall'istanza di Vue.
1607
1607
@@ -1732,7 +1732,7 @@ Vue non tiene una copia dei valori pre-modifica.</p>
1732
1732
1733
1733
### v-ref
1734
1734
1735
-
-**Non si aspetta unespressione**
1735
+
-**Non si aspetta un'espressione**
1736
1736
1737
1737
-**Limitato a:** componenti figli
1738
1738
@@ -1741,7 +1741,7 @@ Vue non tiene una copia dei valori pre-modifica.</p>
1741
1741
-**Utilizzo:**
1742
1742
1743
1743
Registra una referenza ad un componente figlio per un accesso diretto da parte del padre.
1744
-
Questo attributo non si aspetta unespressione ma ben sì il nome del componente da referenziare.
1744
+
Questo attributo non si aspetta un'espressione ma ben sì il nome del componente da referenziare.
1745
1745
L'istanza del componente figlio sarà disponibile tramite l'oggetto `$refs`.
1746
1746
1747
1747
Quando viene usato assieme a `v-for`, il valore registrato sarà un array contenente tutti i componenti figli.
@@ -1779,7 +1779,7 @@ Vue non tiene una copia dei valori pre-modifica.</p>
1779
1779
1780
1780
### v-el
1781
1781
1782
-
-**Non si aspetta unespressione**
1782
+
-**Non si aspetta un'espressione**
1783
1783
1784
1784
-**Argomento:**`id (richiesto)`
1785
1785
@@ -1804,7 +1804,7 @@ Vue non tiene una copia dei valori pre-modifica.</p>
1804
1804
1805
1805
### v-pre
1806
1806
1807
-
-**Non si aspetta unespressione**
1807
+
-**Non si aspetta un'espressione**
1808
1808
1809
1809
-**Utilizzo**
1810
1810
@@ -1819,7 +1819,7 @@ Vue non tiene una copia dei valori pre-modifica.</p>
1819
1819
1820
1820
### v-cloak
1821
1821
1822
-
-**Non si aspetta unespressione**
1822
+
-**Non si aspetta un'espressione**
1823
1823
1824
1824
-**Utilizzo:**
1825
1825
@@ -1973,7 +1973,7 @@ Vue non tiene una copia dei valori pre-modifica.</p>
1973
1973
Rende una stringa plurale. Quando c'è solo un argomento tenterà di aggiungere una sola `s` alla fine.
1974
1974
Quando ci sono più argomenti questi ultimi verranno utilizzati per le varie forme plurali necessarie.
1975
1975
Quando il numero di argomenti eccede le forme plurali, verrà utilizzata sempre l'ultima forma fornita.
1976
-
1976
+
1977
1977
<pclass="tip">Pluralize funziona solo per la lingua inglese..</p>
1978
1978
1979
1979
-**Esempio:**
@@ -2076,7 +2076,7 @@ Vue non tiene una copia dei valori pre-modifica.</p>
2076
2076
2077
2077
Se gli elementi ciclati sono degli oggetti, il filtro cercherà di essere più ricorsivo possibile.
2078
2078
Per evitare che si scorra tutto l'oggetto si può utilizzare una chiave come terzo parametro del filtro.
2079
-
2079
+
2080
2080
```html
2081
2081
<divv-for="user in users | filterBy 'Jack' in 'name'">
Copy file name to clipboardExpand all lines: src/guide/application.md
+5-5Lines changed: 5 additions & 5 deletions
Original file line number
Diff line number
Diff line change
@@ -6,7 +6,7 @@ order: 18
6
6
7
7
La libreria principale di Vue.js è progettata per essere essenziale e flessibile - ciò è dato dal fatto che si prende cura sullo del view layer senza obbligare lo sviluppatore a qualsivoglia architettura. Questa caratteristica avvantaggi sicuramente l'introduzione di Vue.js in progetti già avviati ma potrebbe essere un problema per chi comincia un progetto da zero.
8
8
9
-
L'ecosistema di Vue.js però fornisce anche degli strumenti indipendenti dalla libreria principale che ti permettono di costrutire applicazioni scalabile in Single Page. Questo tipo di desgin fa si che Vue.js ricada più sotto la categoria di framework piuttosto che di libreria javascript, ma questa è solo unintroduzione al vastita di funzionalità di Vue.js; Più avanti andremo a vedeere nel dettaglio tutte le parti dello stack di Vue.js.
9
+
L'ecosistema di Vue.js però fornisce anche degli strumenti indipendenti dalla libreria principale che ti permettono di costrutire applicazioni scalabile in Single Page. Questo tipo di desgin fa si che Vue.js ricada più sotto la categoria di framework piuttosto che di libreria javascript, ma questa è solo un'introduzione al vastita di funzionalità di Vue.js; Più avanti andremo a vedeere nel dettaglio tutte le parti dello stack di Vue.js.
10
10
11
11
## Modularizzazione
12
12
@@ -65,7 +65,7 @@ Con questo tipo di approccio è anche facile utilizzare librerie esterne come [P
65
65
66
66
## Comunicaione con il Server
67
67
68
-
Tutte le istanze Vue hanno la proprietà `$data` direttamente serializzata tramite `JSON.stringify()` senza dover far nulla manualmente. La community di Vue ha aiutato a sviluppare un plugin chiamato [vue-resource](https://github.com/vuejs/vue-resource), il quale fornisce uninterfaccia semplice ed intuitiva per lavorare con l'architettura REST. Come con il routing, puoi utilizzare qualsiasi altra liberia come `$.ajax` oppure [SuperAgent](https://github.com/visionmedia/superagent). Vue.js può anche funzionare benissimo con servizi come Firebase o Parse.
68
+
Tutte le istanze Vue hanno la proprietà `$data` direttamente serializzata tramite `JSON.stringify()` senza dover far nulla manualmente. La community di Vue ha aiutato a sviluppare un plugin chiamato [vue-resource](https://github.com/vuejs/vue-resource), il quale fornisce un'interfaccia semplice ed intuitiva per lavorare con l'architettura REST. Come con il routing, puoi utilizzare qualsiasi altra liberia come `$.ajax` oppure [SuperAgent](https://github.com/visionmedia/superagent). Vue.js può anche funzionare benissimo con servizi come Firebase o Parse.
69
69
70
70
## Controllo dello Stato
71
71
@@ -119,7 +119,7 @@ Da notare che stiamo inserendo tutte le azioni che mutano lo store, dentro lo st
119
119
120
120
Una cosa da notare è che non dovreste mai cambiare lo stato originale tramize le funzioni di un'istanza in particolare. Il componente e lo store devono condividere lo stesso oggetto in modo tale da poter sfruttare, ed osservare, i cambiamenti di stato.
121
121
122
-
Se dovessi forzare questo cambio di stato, della proprietà nello store, da parte dei componenti dovremmo implementare un sistema di eventi che notifichino tale azione e si arriverebbe dunque ad avere unarchitettura simile a quella che si trova su [Flux](https://facebook.github.io/flux/). I benefici di tale architettura sono il fatto che si possa tener traccia di tutti i cambiamenti da parte dei componenti, un debug avanzato, la possibilità di fare il revert di un cambiamento etc.
122
+
Se dovessi forzare questo cambio di stato, della proprietà nello store, da parte dei componenti dovremmo implementare un sistema di eventi che notifichino tale azione e si arriverebbe dunque ad avere un'architettura simile a quella che si trova su [Flux](https://facebook.github.io/flux/). I benefici di tale architettura sono il fatto che si possa tener traccia di tutti i cambiamenti da parte dei componenti, un debug avanzato, la possibilità di fare il revert di un cambiamento etc.
123
123
124
124
L'architettura Flux è molto usata nelle applicazioni React. L'idea dietro Flux, comunque, è facilmente implementabile in Vue.js grazie al sistema di reattività non invasivo. Da notare che comunque quello dimostrato qui è solo un concetto, uno dei tanti scenari possibili, non è detto che vi debba servire a tutti i costi, dipende sempre da cosa state implementando.
125
125
@@ -144,7 +144,7 @@ module.exports = {
144
144
}
145
145
```
146
146
147
-
Il componente può essere utilizzato in unistanza Vue:
147
+
Il componente può essere utilizzato in un'istanza Vue:
Il [Clone di HackerNews in Vue.js](https://github.com/vuejs/vue-hackernews) è un esempio completo di applicazione che utilizza Webpack + vue-loader per l'organizzazione del codice, vue-router per il routing e le API ufficiali di HackerNews come server. Non è unapplicazione complessa, ne esageratamente grande, ma è unutile dimostrazione di tutti i concetti discussi in questa pagina.
222
+
Il [Clone di HackerNews in Vue.js](https://github.com/vuejs/vue-hackernews) è un esempio completo di applicazione che utilizza Webpack + vue-loader per l'organizzazione del codice, vue-router per il routing e le API ufficiali di HackerNews come server. Non è un'applicazione complessa, ne esageratamente grande, ma è un'utile dimostrazione di tutti i concetti discussi in questa pagina.
Copy file name to clipboardExpand all lines: src/guide/comparison.md
+3-3Lines changed: 3 additions & 3 deletions
Original file line number
Diff line number
Diff line change
@@ -32,15 +32,15 @@ Invece di un DOM virtuale, Vue.js utilizza il DOM reale come template e mantiene
32
32
33
33
In ambiente API, un problema con React (o JSX) è che la funzione di calcolo spesso coinvolge molta logica, e finisce per assomigliare più ad un pezzo di codice (quale è in effetti) più che una rappresentazione visuale dell'interfaccia. Per alcuni sviluppatori questo è un bonus, ma per figure ibride designer/sviluppatori come me, avere un template rende più semplice pensare in maniera visuale al design ed ai CSS. JSX mischiato alla logica JavaSCript rompe quel modello visuale del quale ho bisogno per mappare il codice al design. Al contrario, Vue.js paga il prezzo di un DSL (Linguaggio Specifico di Dominio) di legame dati leggero così che si abbia un template visivamente scansionabile con la logica incapsulata in filtri e direttive.
34
34
35
-
Un altro problema con React è che, a causa del fatto che gli aggiornamenti del DOM sono completamente delegati al DOM virtuale, è un po' complesso quando hai **bisogno** di controllare il DOM direttamente (anche se teoricamente puoi, se lo fai stai essenzialmente remando contro il principio della libreria stessa).
35
+
Un altro problema con React è che, a causa del fatto che gli aggiornamenti del DOM sono completamente delegati al DOM virtuale, è un po' complesso quando hai **bisogno** di controllare il DOM direttamente (anche se teoricamente puoi, se lo fai stai essenzialmente remando contro il principio della libreria stessa).
36
36
37
37
Per applicazioni che necessitano di manipolazioni DOM personalizzate ad-hoc, specialmente animazioni con particolari necessità di sincronizzazione, questa potrebbe risultare una restrizione particolarmente fastidiosa. Su questo fronte, Vue.js permette più flessibilità e ci sono [numerosi siti vincitori dei FWA/Awwwards](https://github.com/vuejs/vue/wiki/Projects-Using-Vue.js#interactive-experiences) costruiti con Vue.js.
38
38
39
39
Note addizionali:
40
40
41
41
- Il team di React ha obiettivi molto ambiziosi per rendere React un paradigma di sviluppo UI agnostico nei confronti delle piattaforme, mentre Vue è più orientato a fornire una soluzuione pragmatica per il web.
42
42
43
-
- React, a causa della sua natura funzionale, lavora molto bene con modelli di programmazione funzionali. Comunque ciò introduce anche un a curva di apprendimento più elevata per sviluppatori giovani e principianti. Vue è molto più semplice da apprendere e rendere produttivi a questo proposito.
43
+
- React, a causa della sua natura funzionale, lavora molto bene con modelli di programmazione funzionali. Comunque ciò introduce anche una curva di apprendimento più elevata per sviluppatori giovani e principianti. Vue è molto più semplice da apprendere e rendere produttivi a questo proposito.
44
44
45
45
- Per grandi applicazioni, la community di React ha fatto molto in termini di soluzioni di controllo dello stato, es. Flux/Redux. Vue da solo non mira risolvere quel problema (vale lo stesso per il nucleo di React), ma i modelli di gestione dello stato possono essere facilmente adottati per un'architettura simile. Vue ha il suo unico sistema di gestione degli stati chiamato [Vuex](https://github.com/vuejs/vuex), ed è anche possibile [usare Redux con Vue](https://github.com/egoist/revue).
46
46
@@ -74,4 +74,4 @@ Riot 2.0 fornisce un modello di sviluppo a componenti molto simile (chiamato "ta
74
74
- Un router molto più potente (L'api di routing di Riot è fin troppo minimale)
75
75
- Un supporto agli strumenti più maturi (vedi webpack + vue-loader)
76
76
- Sistema di effetti e transizioni (Riot non lo ha)
77
-
- Migliori performance. (Riot in effetti usa il dirty checking al posto del virtual-dom, e quindi soffre delle stesse problematiche di performance di Angular)
77
+
- Migliori performance. (Riot in effetti usa il dirty checking al posto del virtual-dom, e quindi soffre delle stesse problematiche di performance di Angular)
Copy file name to clipboardExpand all lines: src/guide/components.md
+4-4Lines changed: 4 additions & 4 deletions
Original file line number
Diff line number
Diff line change
@@ -357,7 +357,7 @@ Quando una validazione fallisce, Vue si rifiuterà di impostare il valore, e lan
357
357
358
358
### La Catena dei Padri
359
359
360
-
Un componente figlio ha accesso al componente padre tramite l'utilizzo di `this.$parent`. Unistanza Vue è disponibile a tutti i componenti e i loro discendenti tramite `this.$root`. Ogni padre ha un Array di componenti figli in un array `this.$children`.
360
+
Un componente figlio ha accesso al componente padre tramite l'utilizzo di `this.$parent`. Un'istanza Vue è disponibile a tutti i componenti e i loro discendenti tramite `this.$root`. Ogni padre ha un Array di componenti figli in un array `this.$children`.
361
361
362
362
Anche se questa logica rendere virtualmente possibile l'accesso alla catena dei padri da parte di un eventuale figlio, è vivamente sconsigliata e, invece, dovreste sempre passare i dati in modo esplicito tramite i prop. In aggiunta al discorso, è una cattiva abitudine quella di mutare lo stato di un componente padre da parte di un figlio per i seguenti motivi:
363
363
@@ -367,7 +367,7 @@ Anche se questa logica rendere virtualmente possibile l'accesso alla catena dei
367
367
368
368
### Eventi Personalizzati
369
369
370
-
Tutte le istanze di Vue implementano uninterfaccia per facilitare la comunicazione tra gli eventi di ogni componente. Questo sistema di eventi è indipendente dal sitema degli eventi legati al DOM e lavora in modo differente.
370
+
Tutte le istanze di Vue implementano un'interfaccia per facilitare la comunicazione tra gli eventi di ogni componente. Questo sistema di eventi è indipendente dal sitema degli eventi legati al DOM e lavora in modo differente.
Da notare che questo `activate` viene chiamato solo durante il cambio di componenti o al primo richiamo del componente stesso. Non viene chiamato se viene inserito all interno di unistanza Vue.
683
+
Da notare che questo `activate` viene chiamato solo durante il cambio di componenti o al primo richiamo del componente stesso. Non viene chiamato se viene inserito all interno di un'istanza Vue.
684
684
685
685
### `transition-mode`
686
686
@@ -772,7 +772,7 @@ La motivazione dietro tutto cioè è che non si vuole legare strettamente il com
772
772
773
773
### Authoring dei Componenti Riutilizzabili
774
774
775
-
Quando si effettua authoring dei componenti, è buona cosa tenere a mente quando si vuole riutilizzare tale componente altrove. A volte può capitare di avere dei componenti poco riutilizzabili ma tenete a mente che è sempre meglio esporre uninterfaccia API pulita e chiara per ogni componente.
775
+
Quando si effettua authoring dei componenti, è buona cosa tenere a mente quando si vuole riutilizzare tale componente altrove. A volte può capitare di avere dei componenti poco riutilizzabili ma tenete a mente che è sempre meglio esporre un'interfaccia API pulita e chiara per ogni componente.
776
776
777
777
Le API per un componente in Vue.js si suddividono sostanzialmente in tre parti - props, eventi e slots:
0 commit comments