Skip to content

Commit d34873b

Browse files
author
Ludo237
committed
Improved Translation
Fixed some buzzwords. Added a fluent way to describe things
1 parent a18bfe8 commit d34873b

File tree

1 file changed

+18
-9
lines changed

1 file changed

+18
-9
lines changed

src/guide/instance.md

+18-9
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ var vm = new Vue({
1616

1717
Un'istanza di Vue è sostanzialmente un **ViewModel** com'è definito nel [Modello MVVM](https://en.wikipedia.org/wiki/Model_View_ViewModel), come lo è la variabile chiamata `vm` che vedrete nel corso di questa documentazione.
1818

19-
Quando si inizializza un instanza Vue, hai bisogno di passargli **delle opzioni** le quali conterrano eventuali dati, template, metodi, callbacks e molto altro. La lista dettagliata delle opzioni la si può trovare nella sezione delle API.
19+
Quando si inizializza un instanza Vue, dovete passargli **delle opzioni** le quali conterrano eventuali dati, template, metodi, callbacks e molto altro. La lista dettagliata delle opzioni la si può trovare nella sezione delle API.
2020

2121
Il costruttore `Vue` può essere esteso per crare componenti **riutilizzabili** e che includano le opzioni predefinite:
2222

@@ -30,7 +30,10 @@ var MyComponent = Vue.extend({
3030
var myComponentInstance = new MyComponent()
3131
```
3232

33-
Sebbene si possa estendere l'istanza in modo imperativo, nella maggior parte dei casi è buona cosa registrare il componente direttamente dal costruttore Vue e gestirlo come un elemento personalizzato, da qui poi puoi assemblare il template in modo dichiarativo. Parleremo del sistema a componenti nel dettaglio più avanti. Per ora rimaniamo con l'idea che i componenti estendono sostanzialmente l'istanza di Vue.js
33+
Sebbene si possa estendere l'istanza in modo imperativo, nella maggior parte dei casi è buona cosa registrare il componente direttamente dal costruttore Vue e gestirlo come un elemento personalizzato, da qui poi puoi assemblare il template in modo dichiarativo.
34+
Parleremo del sistema dei componenti nel dettaglio più avanti.
35+
36+
Per ora rimaniamo con l'idea che i componenti estendono sostanzialmente l'istanza di Vue.js
3437

3538
## Proprietà e Metodi
3639

@@ -44,7 +47,7 @@ var vm = new Vue({
4447

4548
vm.a === data.a // -> true
4649

47-
// Impostiamo la proprietù in modo che influenzi i dati originali
50+
// Impostiamo la proprietà in modo che influenzi i dati originali
4851
vm.a = 2
4952
data.a // -> 2
5053

@@ -53,9 +56,10 @@ data.a = 3
5356
vm.a // -> 3
5457
```
5558

56-
Da notare che solo le proprietà delegate sono **reattive**. Se si aggiunge una nuova proprietà dopo la creazione dell'istanza allora quest'ultima non scatenerà nessun tipo di aggiornamento nella nostra vista, o DOM. Discuteremo del concetto di reattività più avanti nella guida.
59+
Da notare che solo le proprietà delegate sono **reattive**. Se si aggiunge una nuova proprietà dopo la creazione dell'istanza allora quest'ultima non scatenerà nessun tipo di aggiornamento nella nostra vista, o DOM.
60+
Discuteremo del concetto di reattività più avanti nella guida.
5761

58-
In aggiunta alla proprietà `data`, l'istanza di Vue espone una numerosa quantità di utili ed interessanti metodi. Questi metodi e proprietà si possono trovare all'interno della nostra istanza prefissati con un `$` per differenziarli dai dati delegati dall'istanza stessa.
62+
In aggiunta alla proprietà `data`, l'istanza di Vue espone molti altri metodi interessanti. Questi metodi e proprietà si possono trovare all'interno della nostra istanza prefissati con un `$` per differenziarli dai dati delegati dall'istanza stessa.
5963
Per esempio:
6064

6165
``` js
@@ -74,11 +78,14 @@ vm.$watch('a', function (newVal, oldVal) {
7478
})
7579
```
7680

77-
Consulta le [API](/api) per una lista completa di tutte le proprietà e metodi disponibili.
81+
Consulta le [API](/api/#Opzioni-Dati) per una lista completa di tutte le proprietà e metodi disponibili.
7882

7983
## Ciclo di Vita dell'istanza
8084

81-
Ogni istanza di Vue, quando creata, passa attraverso una serie di inizializzazioni - per esempio, ha bisogno di impostare l'osservazione dei dati, compilare i template, creare i vincoli dei dati necessari etc. Durante tutto questo ha anche bisogno di invocare alcuni **hooks per il Ciclo di Vita**, che danno l'opportunità di eseguire delle porzioni di logica customizzata. Per esempio l'hook `created` viene chiamato appena l'istanza viene creata:
85+
Ogni istanza di Vue, quando creata, passa attraverso una serie di inizializzazioni - per esempio, ha bisogno di impostare l'osservazione dei dati, compilare i template, creare il binding dei dati necessari e così via.
86+
Durante questo processo, l'istanza ha anche bisogno di invocare alcuni **hooks per il Ciclo di Vita**, che danno l'opportunità di eseguire delle porzioni di logica personalizzata.
87+
88+
Per esempio l'hook `created` viene chiamato appena l'istanza viene creata:
8289

8390
``` js
8491
var vm = new Vue({
@@ -93,10 +100,12 @@ var vm = new Vue({
93100
// -> "a è: 1"
94101
```
95102

96-
Ci sono tanti altri hooks che vengono chiamati in fasi differenti del ciclo di vità dell'istanza di Vue.js per esempio `compiled`, `ready` e `destroyed`. Tutti gli hooks del ciclo di vita sono chiamati utilizzando `this` per richiamare l'istanza corrente. Alcuni di voi potrebbero chiedersi dove stia la parte di "controllers", tipica di un framework MVC, all'interno di Vue.js, la risposta è: non ci sono controllers. La logica di ogni componente viene suddivisa attraverso questi hooks.
103+
Ci sono tanti altri hooks che vengono chiamati in fasi differenti del ciclo di vità dell'istanza di Vue.js per esempio `compiled`, `ready` e `destroyed`.
104+
Tutti gli hooks del ciclo di vita sono chiamati utilizzando `this` per richiamare l'istanza corrente. Alcuni di voi potrebbero chiedersi dove stia la parte di "controllers", tipica di un framework MVC, all'interno di Vue.js, la risposta è: non ci sono controllers.
105+
La logica di ogni componente viene suddivisa attraverso questi hooks.
97106

98107
## Diagramma del Ciclo di Vita
99108

100-
Qui sotto c'è un diagramma riassuntivo del ciclo di vita di un'istanza. Non c'è nessun bisogno di capire al volo tutti i punti, questo diagramma sarà sicuramente utile in futuro.
109+
Qui sotto c'è un diagramma riassuntivo del ciclo di vita di un'istanza. Non c'è nessun bisogno di capire al volo tutti i dettagli ma conservate questa immagine perchè sarà sicuramente utile in futuro.
101110

102111
![Ciclo di Vita](/images/lifecycle.png)

0 commit comments

Comments
 (0)