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/guide/instance.md
+18-9
Original file line number
Diff line number
Diff line change
@@ -16,7 +16,7 @@ var vm = new Vue({
16
16
17
17
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.
18
18
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.
20
20
21
21
Il costruttore `Vue` può essere esteso per crare componenti **riutilizzabili** e che includano le opzioni predefinite:
22
22
@@ -30,7 +30,10 @@ var MyComponent = Vue.extend({
30
30
var myComponentInstance =newMyComponent()
31
31
```
32
32
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
34
37
35
38
## Proprietà e Metodi
36
39
@@ -44,7 +47,7 @@ var vm = new Vue({
44
47
45
48
vm.a===data.a// -> true
46
49
47
-
// Impostiamo la proprietù in modo che influenzi i dati originali
50
+
// Impostiamo la proprietà in modo che influenzi i dati originali
48
51
vm.a=2
49
52
data.a// -> 2
50
53
@@ -53,9 +56,10 @@ data.a = 3
53
56
vm.a// -> 3
54
57
```
55
58
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.
57
61
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.
59
63
Per esempio:
60
64
61
65
```js
@@ -74,11 +78,14 @@ vm.$watch('a', function (newVal, oldVal) {
74
78
})
75
79
```
76
80
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.
78
82
79
83
## Ciclo di Vita dell'istanza
80
84
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:
82
89
83
90
```js
84
91
var vm =newVue({
@@ -93,10 +100,12 @@ var vm = new Vue({
93
100
// -> "a è: 1"
94
101
```
95
102
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.
97
106
98
107
## Diagramma del Ciclo di Vita
99
108
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.
0 commit comments