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
@@ -133,7 +133,7 @@ type: api
133
133
134
134
-**Utilizzo:**
135
135
136
-
Ritarda la funzione perchè venga eseguita al ciclo successivo di update del DOM. Da usare immediatamente dopo un cambiamento dei dati per aspettare l'aggiornamento del DOM.
136
+
Ritarda la funzione perché venga eseguita al ciclo successivo di update del DOM. Da usare immediatamente dopo un cambiamento dei dati per aspettare l'aggiornamento del DOM.
137
137
138
138
```js
139
139
// Modifica del dato
@@ -356,12 +356,12 @@ type: api
356
356
Quando viene passato alla proprietà data di Vue.js, quest'ultimo cercherà di convertire, in modo ricorsivo, tutte le proprietà in getter/setter in modo da renderle "reattive".
357
357
**L'oggetto dev'essere nativo**: eventuali getter/setter già presenti verranno ignorati. Non è raccomandato osservare oggetti complessi.
358
358
359
-
Quando definite un **componente**, la proprietà `data` dev'essere dichiarata come funzione la quale restituisce l'oggetto finale, questo perchè vi possono essere più istanze dello stesso componente.
359
+
Quando definite un **componente**, la proprietà `data` dev'essere dichiarata come funzione la quale restituisce l'oggetto finale, questo perché vi possono essere più istanze dello stesso componente.
360
360
Se non facessimo così ogni istanza del componente **avrebbe una proprietà data condivisa** tra tutte le istanze del componente stesso. Con la funzione, invece, ogni istanza avrà sempre una copia diversa della proprietà data.
361
361
362
362
Una volta che l'istanza è creata, l'oggetto originale potrà essere utilizzato tramite `vm.$data`. L'istanza di Vue farà anche da Proxy per tutte le proprietà trovate nell'ogetto data.
363
363
364
-
Le proprietà che iniziano con `_` o `$`**non verranno** incluse nel sistema di Proxy di Vue.js perchè potrebbero dare problemi con alcuni metodi interni di Vue stesso. Potrete comunque accedervi tramite `vm.$data._property`.
364
+
Le proprietà che iniziano con `_` o `$`**non verranno** incluse nel sistema di Proxy di Vue.js perché potrebbero dare problemi con alcuni metodi interni di Vue stesso. Potrete comunque accedervi tramite `vm.$data._property`.
365
365
366
366
Se avete bisogno di un clone fedele dell oggetto originale, potete ottenerlo usando `vm.$data` tramite `JSON.parse(JSON.stringify(...))`.
367
367
@@ -459,21 +459,21 @@ type: api
459
459
-[Proprietà Derivate](/guide/computed.html)
460
460
-[Reattività in Dettaglio: Le Properità Derivate](/guide/reactivity.html#Inside_Computed_Properties)
461
461
462
-
### metodos
462
+
### methods
463
463
464
464
-**Tipo:**`Oggetto`
465
465
466
466
-**Dettagli:**
467
467
468
-
metodos è un oggetto che contiene nuove funzioni che possono essere usate dall'istanza corrente di Vue. Questi metodi possono essere usanti anche internamente al DOM, sottoforma di espressioni.
469
-
Tutti i metodi creati dentro metodos avranno `this` puntato all'istanza di Vue.
468
+
Methods è un oggetto che contiene nuove funzioni che possono essere usate dall'istanza corrente di Vue. Questi metodi possono essere usanti anche internamente al DOM, sottoforma di espressioni.
469
+
Tutti i metodi creati dentro metodi avranno `this` puntato all'istanza di Vue.
470
470
471
471
-**Esempio:**
472
472
473
473
```js
474
474
var vm =newVue({
475
475
data: { a:1 },
476
-
metodos: {
476
+
methods: {
477
477
plus:function () {
478
478
this.a++
479
479
}
@@ -492,7 +492,7 @@ type: api
492
492
-**Dettagli:**
493
493
494
494
Watch contiene delle funzioni dove la chiave è l'espressione da osservare ed il corpo della funzione è il valore di tale chiave.
495
-
La funzione può essere anche una stringa che punta ad un Metodo interno alla proprietà metodos vista precedentemente oppure un oggetto che contiene un handler, la funzione, e la "profondità" del watch stesso.
495
+
La funzione può essere anche una stringa che punta ad un Metodo interno alla proprietà metodi vista precedentemente oppure un oggetto che contiene un handler, la funzione, e la "profondità" del watch stesso.
496
496
L'istanza di Vue chiamerà `$watch()` per ogni chiave in data al momento dell'istanziazione.
497
497
498
498
-**Esempio:**
@@ -507,7 +507,7 @@ type: api
507
507
console.log('new: %s, old: %s', val, oldVal)
508
508
},
509
509
// Metodo come stringa
510
-
'b':'somemetodo',
510
+
'b':'someMethod',
511
511
// Oggetto
512
512
'c': {
513
513
handler:function (val, oldVal) { /* ... */ },
@@ -815,7 +815,7 @@ type: api
815
815
// si può anche usare una stringa
816
816
bye:'sayGoodbye'
817
817
},
818
-
metodos: {
818
+
metodi: {
819
819
sayGoodbye:function () {
820
820
console.log('Ciao Ciao!')
821
821
}
@@ -826,7 +826,7 @@ type: api
826
826
```
827
827
828
828
-**Vedi anche:**
829
-
-[Metodi di Istanza - Eventi](#Instance_metodos_/_Eventi)
829
+
-[Metodi di Istanza - Eventi](#Instance_Methods_/_Events)
Se qualche cambiamento viene rilevate la funzione riceverà il vecchio valore ed il nuovo valore.
1010
1010
L'espressione può essere di tipo chiave-valore o una stringa logica.
1011
1011
1012
-
<pclass="tip">Si noti: quando si modifica (invece di rimpazzare) un Oggetto od un Array, il vecchio valore coinciderà con quello nuovo perchè le referenze sono le stesse.
1012
+
<pclass="tip">Si noti: quando si modifica (invece di rimpazzare) un Oggetto od un Array, il vecchio valore coinciderà con quello nuovo perché le referenze sono le stesse.
1013
1013
Vue non tiene una copia dei valori pre-modifica.</p>
1014
1014
1015
1015
-**Esempio:**
@@ -1277,7 +1277,7 @@ Vue non tiene una copia dei valori pre-modifica.</p>
1277
1277
child2.$dispatch('test')
1278
1278
// -> "secondo figlio notificato"
1279
1279
// -> "primo figlio notificato"
1280
-
// Il padre non viene notificato perchè il primo figlio non ha return true.
1280
+
// Il padre non viene notificato perché il primo figlio non ha return true.
@@ -1316,7 +1316,7 @@ Vue non tiene una copia dei valori pre-modifica.</p>
1316
1316
parent.$broadcast('test')
1317
1317
// -> "Figlio 1 notificato"
1318
1318
// -> "Figlio 2 notificato"
1319
-
// Figlio3 non viene notificato perchè figlio2 non restituisce true.
1319
+
// Figlio3 non viene notificato perché figlio2 non restituisce true.
1320
1320
```
1321
1321
1322
1322
## Metodi di Istanza / DOM
@@ -1390,7 +1390,7 @@ Vue non tiene una copia dei valori pre-modifica.</p>
1390
1390
```js
1391
1391
newVue({
1392
1392
// ...
1393
-
metodos: {
1393
+
metodi: {
1394
1394
// ...
1395
1395
Esempio:function () {
1396
1396
// modifica un dato
@@ -1494,7 +1494,7 @@ Vue non tiene una copia dei valori pre-modifica.</p>
1494
1494
Internamente l'interpolazione del tipo `{% raw %}{{{ Mustache }}}{% endraw %}` viene compilata come uan direttiva `v-html`.
1495
1495
La direttiva è un pelino più performance della sua controparte ad interpolazione.
1496
1496
1497
-
<pclass="tip">Renderizzare HTML in modo dinamico può essere pericoloso perchè potete essere soggetti ad [Attacchi XSS](https://it.wikipedia.org/wiki/Cross-site_scripting).
1497
+
<pclass="tip">Renderizzare HTML in modo dinamico può essere pericoloso perché potete essere soggetti ad [Attacchi XSS](https://it.wikipedia.org/wiki/Cross-site_scripting).
1498
1498
Usate `v-html` solo su contenuto che ritenete sicuro e **MAI** su contenuto fornito dagli utenti.</p>
Copy file name to clipboardExpand all lines: src/guide/components.md
+2-2Lines changed: 2 additions & 2 deletions
Original file line number
Diff line number
Diff line change
@@ -758,7 +758,7 @@ Potete usare `v-for` sui componenti come fate su qualsiasi altro elemento:
758
758
<my-component v-for="item in items"></my-component>
759
759
```
760
760
761
-
Però, tale metodo non passerà nessun dato al componente perchè ogni componente ha il proprio ambito isolato. Per passargli i dati tramite un ciclo `v-for` dovete utilizzare una sintassi del tipo:
761
+
Però, tale metodo non passerà nessun dato al componente perché ogni componente ha il proprio ambito isolato. Per passargli i dati tramite un ciclo `v-for` dovete utilizzare una sintassi del tipo:
762
762
763
763
``` html
764
764
<my-component
@@ -904,7 +904,7 @@ Ci sono molte situazione che possono trasformare una istanza Vue in un'**istanza
904
904
905
905
La ragione per la quale tutte questi punto possono portare ad una istanza frammentata è che non si riesce più a definire quale sia l'elemento di rotto principale, questo costringe Vue a gestire tutto il contenuto del DOM come un template. Questo non impedirà di renderizzare il tutto correttamente ma non avendo un elemento di root l'opzione `$el` punterà ad un elemento non corretto, di solito un elemento del DOM testuale.
906
906
907
-
La cosa più importante di ciò è che **verranno ignorate tutte le direttive non di controllo, tutti gli attributi che non sono prop e tutte le transizioni dei componenti**, perchè non c'è nessun elemento di root definito al quale legarle:
907
+
La cosa più importante di ciò è che **verranno ignorate tutte le direttive non di controllo, tutti gli attributi che non sono prop e tutte le transizioni dei componenti**, perché non c'è nessun elemento di root definito al quale legarle:
Copy file name to clipboardExpand all lines: src/guide/computed.md
+1-1Lines changed: 1 addition & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -4,7 +4,7 @@ type: guide
4
4
order: 5
5
5
---
6
6
7
-
Le proprietà in-template sono molto comode per alcuni piccoli task dove le espressioni non sono complesse. Inserire troppa logica, calcolata al momento, in un template strutturato e complesso può diventare difficile da mantenere. Ecco perchè Vue.js limita la logica di una proprietà in-template ad una sola espressione, quasi primitiva. Per qualsiasi altro scopo, più complesso, esistono le **Proprietà Derivate**.
7
+
Le proprietà in-template sono molto comode per alcuni piccoli task dove le espressioni non sono complesse. Inserire troppa logica, calcolata al momento, in un template strutturato e complesso può diventare difficile da mantenere. Ecco perché Vue.js limita la logica di una proprietà in-template ad una sola espressione, quasi primitiva. Per qualsiasi altro scopo, più complesso, esistono le **Proprietà Derivate**.
Copy file name to clipboardExpand all lines: src/guide/conditional.md
+1-1Lines changed: 1 addition & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -69,7 +69,7 @@ L'elemento `v-else` deve seguire immediatamente `v-if` o `v-show` - altrimenti v
69
69
70
70
## v-if vs. v-show
71
71
72
-
Quando un blocco `v-if` viene attivato, Vue.js dovrà fare un rendering parziale perchè il condenuto dentro a `v-if` può contenere altri vincoli o espressioni. `v-if` effettua un vero e proprio rendering per assicurarsi che tutti i componenti figli, nel caso ci siano, vengano gestiti a dovere e distrutti/ricreati in base allo stato della condizione di `v-if`.
72
+
Quando un blocco `v-if` viene attivato, Vue.js dovrà fare un rendering parziale perché il condenuto dentro a `v-if` può contenere altri vincoli o espressioni. `v-if` effettua un vero e proprio rendering per assicurarsi che tutti i componenti figli, nel caso ci siano, vengano gestiti a dovere e distrutti/ricreati in base allo stato della condizione di `v-if`.
73
73
74
74
`v-if` è definito **lazy**: se la condizione non è soddisfatta al primo rendering, non succederà nulla - il rendering non inizia finché la condizione non è soddisfatta per la prima volta (e successivamente viene messa in cache).
Copy file name to clipboardExpand all lines: src/guide/events.md
+2-2Lines changed: 2 additions & 2 deletions
Original file line number
Diff line number
Diff line change
@@ -190,9 +190,9 @@ Ecco una lista completa di tutti gli alias:
190
190
Vue.directive('on').keyCodes.f1=112
191
191
```
192
192
193
-
## Perchè ascoltare gli eventi via HTML?
193
+
## Perché ascoltare gli eventi via HTML?
194
194
195
-
Forse sarete preoccupati a vedere tutti questi eventi ascoltati tramite direttive via HTML, potrebbe sembrare che stessimo violando la vecchia regola di "Separazione dei compiti". Non vi preoccupate - perchè tutta la gestione Vue.js la lega alla vista corrente, non ci sono difficoltà nello scalare e mantenere questa mentalità che deriva dall approcio del ViewModel. Difatti ci sono tre vantaggi nell utilizzo di `v-on`:
195
+
Forse sarete preoccupati a vedere tutti questi eventi ascoltati tramite direttive via HTML, potrebbe sembrare che stessimo violando la vecchia regola di "Separazione dei compiti". Non vi preoccupate - perché tutta la gestione Vue.js la lega alla vista corrente, non ci sono difficoltà nello scalare e mantenere questa mentalità che deriva dall approcio del ViewModel. Difatti ci sono tre vantaggi nell utilizzo di `v-on`:
196
196
197
197
1. Rendere più facile capire quali metodi in JavaScript gestiscono quali eventi nel template HTML.
Copy file name to clipboardExpand all lines: src/guide/index.md
+1-1Lines changed: 1 addition & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -225,4 +225,4 @@ new Vue({
225
225
</script>
226
226
{% endraw %}
227
227
228
-
Spero che questa introduzione di base vi abbia dato un idea di come Vue.js lavori. Sono sicuro che avrete molte domande ora, continuate a leggere questa guida perchè vi risponderemo a tutto.
228
+
Spero che questa introduzione di base vi abbia dato un idea di come Vue.js lavori. Sono sicuro che avrete molte domande ora, continuate a leggere questa guida perché vi risponderemo a tutto.
Copy file name to clipboardExpand all lines: src/guide/installation.md
+1-1Lines changed: 1 addition & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -12,7 +12,7 @@ gz_size: "24.77"
12
12
13
13
## Locale
14
14
15
-
Per installare Vue.js in locale scaricate lo script ed includetelo nel classico script tag. `Vue` verrà registrata come variabile globale. **Ricorda: Non usate la versione compressa durante lo sviluppo perchè andreste a perdere tutti gli avvisi per eventuali errori comuni.**
15
+
Per installare Vue.js in locale scaricate lo script ed includetelo nel classico script tag. `Vue` verrà registrata come variabile globale. **Ricorda: Non usate la versione compressa durante lo sviluppo perché andreste a perdere tutti gli avvisi per eventuali errori comuni.**
16
16
17
17
<divid="downloads">
18
18
<aclass="button"href="/js/vue.js"download>Versione per lo Sviluppo</a><spanclass="light info">Completa di avvisi e modalità debug</span>
Copy file name to clipboardExpand all lines: src/guide/overview.md
+2-2Lines changed: 2 additions & 2 deletions
Original file line number
Diff line number
Diff line change
@@ -88,15 +88,15 @@ var exampleVM2 = new Vue({
88
88
</script>
89
89
{% endraw %}
90
90
91
-
In questo esempio abbiamo visto qualcosa di relativamente nuovo. L'attributo `v-if` che vedete è chiamato **Direttiva**. Le Direttive hanno il prefisso `v-` per indicare che sono attributi speciali che Vue.js fornisce, avrete già capito perchè, per applicare condizioni particolari al DOM. Provate voi stessi, come prima, cambiare il valore di `exampleVM2.greeting` a `false` tramite la console. Se tutto è fatto in maniera corretta dovreste vedere il messaggio "Ciao!" scomparire.
91
+
In questo esempio abbiamo visto qualcosa di relativamente nuovo. L'attributo `v-if` che vedete è chiamato **Direttiva**. Le Direttive hanno il prefisso `v-` per indicare che sono attributi speciali che Vue.js fornisce, avrete già capito perché, per applicare condizioni particolari al DOM. Provate voi stessi, come prima, cambiare il valore di `exampleVM2.greeting` a `false` tramite la console. Se tutto è fatto in maniera corretta dovreste vedere il messaggio "Ciao!" scomparire.
92
92
93
93
Il secondo esempio è una dimostrazione di come non solo possiamo vincolare il DOM con i dati, ma possiamo anche vincolare la **struttura** del DOM in base ai dati. Vue.js fornisce anche un potente sistema di effetti transizioni applicabili quando si aggiungono/rimuovono elementi dal DOM.
94
94
95
95
Ci sono molte altre direttive, ognuna ha delle caratteristiche speciali. Per esempio la direttiva `v-for` serve a visualizzare i dati di un Array, oppure la direttiva `v-bind` per vincolare attributi di un elemtno HTML. Discuteremo delle direttive in modo approfondito in un secondo momento più avanti.
96
96
97
97
## Sistema a Componenti
98
98
99
-
Il Sistema a Componenti è un altro concetto fondamentale in Vue.js, perchè è una astrazione che ci aiuta a construire applicazioni su larga scala composte da piccoli componenti, isolati e riutilizzabili. Se ci pensiamo, quasi qualsiai interfaccia si può pensare come un albero di componenti:
99
+
Il Sistema a Componenti è un altro concetto fondamentale in Vue.js, perché è una astrazione che ci aiuta a construire applicazioni su larga scala composte da piccoli componenti, isolati e riutilizzabili. Se ci pensiamo, quasi qualsiai interfaccia si può pensare come un albero di componenti:
0 commit comments