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/v2/guide/instance.md
+9-9Lines changed: 9 additions & 9 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -10,14 +10,14 @@ Setiap aplikasi Vue dimulai dengan membuat **Vue Instance** dengan fungsi `Vue`
10
10
11
11
```js
12
12
var vm =newVue({
13
-
//opsi
13
+
//pilihan
14
14
})
15
15
```
16
16
17
-
Meskipun tidak dengan terkait dengan ketat dengan [Pola MVVM](https://en.wikipedia.org/wiki/Model_View_ViewModel), desain yang dimiliki Vue sebagian terinspirasi oleh konsep tersebut. Sebagai ketentuan, kita kadang menggunakan variabel `vm` ( kependekan dari ViewModel ) untuk mengacu pada *Vue Instance* kami.
17
+
Meskipun tidak dengan terkait ketat dengan [Pola MVVM](https://en.wikipedia.org/wiki/Model_View_ViewModel), desain yang dimiliki Vue sebagian terinspirasi oleh konsep tersebut. Sebagai ketentuan, kita kadang menggunakan variabel `vm` ( kependekan dari ViewModel ) untuk mengacu pada *Vue Instance* kami.
18
18
19
19
20
-
Ketika anda membuat *Vue Instance*, anda mengirimkan **obyek opsi**. Sebagian besar dari panduan ini menjelaskan bagaimana anda bisa menggunakan opsi ini untuk membuat tindakan yang anda inginkan. Sebagai contoh, Anda juga bisa melihat lihat daftar lengkap dari opsi ini di [Contoh API](../api/#Options-Data).
20
+
Ketika Anda membuat *Vue Instance*, Anda mengirimkan **obyek pilihan**. Sebagian besar dari panduan ini menjelaskan bagaimana Anda bisa menggunakan pilihan ini untuk membuat tindakan yang Anda inginkan. Sebagai contoh, Anda juga bisa melihat lihat daftar lengkap dari pilihan ini di [Contoh API](../api/#Options-Data).
21
21
22
22
23
23
Sebuah aplikasi Vue terdiri dari **permintaan dasar Vue** yang dibuat dengan `new Vue`, secara opsional di atur ke dalam akar (root) *Vue Instance*, komponen yang bisa digunakan ulang. Sebagai contoh, komponen aplikasi pengingat mungkin terlihat seperti ini :
@@ -34,7 +34,7 @@ Root Instance
34
34
└─ TodoListStatistics
35
35
```
36
36
37
-
Kita akan membicarakan tentang [sistem komponen](components.html) pada detail selanjutnya. Sekarang, dengan hanya mengetahui bahwa semua komponen Vue juga adalah *Vue Instance*, dan juga menerima opsi objek yang sama (kecuali untuk beberapa opsi*tree of nested*).
37
+
Kita akan membicarakan tentang [sistem komponen](components.html) pada detail selanjutnya. Sekarang, dengan hanya mengetahui bahwa semua komponen Vue juga adalah *Vue Instance*, dan juga menerima pilihan objek yang sama (kecuali untuk beberapa pilihan*tree of nested*).
38
38
39
39
40
40
## Data dan Metode
@@ -72,7 +72,7 @@ Ketika data ini berubah, tampilanya akan berubah. Itu harus dicatat bahwa proper
72
72
vm.b='halo'
73
73
```
74
74
75
-
Lalu mengubah ke `b` tidak akan memicu perubahan lain pada tampilan. Jika anda mengetahui bahwa anda memerlukan properti nanti, tapi ini dimulai dengan kosong atau tidak ada, anda harus memberi beberapa nilai awal. Sebagai contoh:
75
+
Lalu mengubah ke `b` tidak akan memicu perubahan lain pada tampilan. Jika Anda mengetahui bahwa Anda memerlukan properti nanti, tapi ini dimulai dengan kosong atau tidak ada, Anda harus memberi beberapa nilai awal. Sebagai contoh:
76
76
77
77
78
78
```js
@@ -109,7 +109,7 @@ new Vue({
109
109
</div>
110
110
```
111
111
112
-
Untuk tambahan ke data properti, *Vue Instance* menunjukan sejumlah properti permintaan dan metode yang berguna. Ini juga diawalai dengan `$` untuk membedakan mereka dari properti yang ditetapkan-pengguna. Sebagai contoh:
112
+
Untuk tambahan ke data properti, *Vue Instance* menunjukan sejumlah properti *instance* dan metode yang berguna. Ini juga diawalai dengan `$` untuk membedakan mereka dari properti yang ditetapkanpengguna. Sebagai contoh:
113
113
114
114
115
115
```js
@@ -128,7 +128,7 @@ vm.$watch('a', function (newValue, oldValue) {
128
128
})
129
129
```
130
130
131
-
Selanjutnya, anda bisa berkonsultasi ke [Referensi API](../api/#Instance-Properties) untuk daftar lengkap dari properti permintaan dan metode.
131
+
Selanjutnya, Anda bisa berkonsultasi ke [Referensi API](../api/#Instance-Properties) untuk daftar lengkap dari properti permintaan dan metode.
132
132
133
133
134
134
## Siklus Hidup Pengait Permintaan
@@ -152,11 +152,11 @@ new Vue({
152
152
153
153
Ada juga pengait lain yang akan dipanggil pada tahapan berbeda di siklus hidup permintaan, seperti [`mounted`](../api/#mounted), [`updated`](../api/#updated), dan [`destroyed`](../api/#destroyed). Semua siklus hidup pengait dipanggil dengan konteks `this` mereka yang menunjuk ke konteks *Vue Instance* yang menjalankanya.
154
154
155
-
<pclass="tip">Jangan menggunakan [fungsi panah](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions) pada opsi properti atau pemanggilan ulang, seperti `created: () => console.log(this.a)` or `vm.$watch('a', newValue => this.myMethod())`. Sejak fungsi panah terikat dengan konteks induk, `this` tidak akan menjadi *Vue Instance* seperti yang anda harapkan, kadang menyebabkan kesalahan seperti `Uncaught TypeError: Cannot read property of undefined` atau `Uncaught TypeError: this.myMethod is not a function`.</p>
155
+
<pclass="tip">Jangan menggunakan [fungsi panah](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions) pada pilihan properti atau pemanggilan ulang, seperti `created: () => console.log(this.a)` or `vm.$watch('a', newValue => this.myMethod())`. Sejak fungsi panah terikat dengan konteks induk, `this` tidak akan menjadi *Vue Instance* seperti yang Anda harapkan, kadang menyebabkan kesalahan seperti `Uncaught TypeError: Cannot read property of undefined` atau `Uncaught TypeError: this.myMethod is not a function`.</p>
156
156
157
157
## Diagram Siklus Hidup
158
158
159
-
Dibawah ini adalah diagram dari siklus hidup permintaan. Anda tidak perlu memahami dengan penuh apapun yang terjadi sekarang, tapi selama anda belajar dan terus membuat, ini akan menjadi referensi yang berguna
159
+
Dibawah ini adalah diagram dari siklus hidup permintaan. Anda tidak perlu memahami dengan penuh apapun yang terjadi sekarang, tapi selama Anda belajar dan terus membuat, ini akan menjadi referensi yang berguna
0 commit comments