Skip to content

Commit 758cfb3

Browse files
frahmadanimazipan
authored andcommitted
Update [API] - Special Attributes (#180)
1 parent 6ce044b commit 758cfb3

File tree

1 file changed

+27
-27
lines changed

1 file changed

+27
-27
lines changed

src/v2/api/index.md

Lines changed: 27 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -2356,9 +2356,9 @@ Mengawasi suatu ekspresi atau fungsi penghitung (*computed function*) pada *inst
23562356
23572357
- **Nilai Anggapan:** `number | string`
23582358
2359-
kegunaan Atribut spesial `key` adalah sebagai petunjuk bagi algoritma DOM virtual dari Vue untuk mengidentifikasi *VNodes* ketika membandingkan list yang baru terhadap list yang lama. Tanpa *keys*, Vue menggunakan algoritma yang meminimalisir pergerakan elemen dan mencoba untuk *patch/reuse* elemen di tempat dengan tipe yang sama sebanyak mungkin. Dengan *keys*, elemen-elemen akan disusun kembali berdasarkan susunan perubahan dari *keys*, dan elemen-elemen dengan *keys* yang sudah tidak ada lagi akan selalu di hapus.
2359+
Atribut spesial `key` umumnya dipakai sebagai penanda bagi algoritma virtual DOM milik Vue untuk mengidentifikasi *VNodes* ketika membandingkan list node yang baru dengan list yang lama. Jika atribut *key* tidak digunakan, Vue akan menggunakan algoritma untuk meminimalisir perpindahan elemen dan mencoba sebisa mungkin untuk menimpa/memakai ulang elemen yang se-tipe di tempat yang sama. Jika atribut *key* digunakan, Vue akan menyusun ulang elemen-elemen berdasarkan susunan perubahan dari *key*, dan elemen-elemen dengan *key* yang sudah tidak ada lagi akan selalu dihapus.
23602360
2361-
Anak dari induk yang sama harus mempunyai *key* yang unik. *Key* yang sama akan mengakibatkan galat pada saat render.
2361+
Anak dari induk yang sama harus mempunyai *key* yang unik. *Key* yang sama akan mengakibatkan kegagalan *render*.
23622362
23632363
Contoh penggunaan yang paling umum adalah menggabungkan *key* dengan `v-for`:
23642364
@@ -2368,9 +2368,9 @@ Mengawasi suatu ekspresi atau fungsi penghitung (*computed function*) pada *inst
23682368
</ul>
23692369
```
23702370
2371-
*Key* juga dapat digunakan untuk penggantian paksa terhadap sebuah elemen/komponen alih-alih menggunakannya kembali. Ini akan berguna ketika anda ingin:
2371+
*Key* juga dapat digunakan untuk mengganti paksa sebuah elemen/komponen alih-alih menggunakannya kembali. Ini akan berguna ketika anda ingin:
23722372
2373-
- Memicu (*trigger*) *lifecycle hooks* dari sebuah komponen dengan tepat
2373+
- Memicu (*trigger*) *lifecycle hook* dari sebuah komponen dengan tepat
23742374
- Memicu (*trigger*) transisi
23752375
23762376
Sebagai contoh:
@@ -2381,33 +2381,33 @@ Mengawasi suatu ekspresi atau fungsi penghitung (*computed function*) pada *inst
23812381
</transition>
23822382
```
23832383
2384-
Ketika `text` berubah, `<span>` akan selalu diganti alih-alih di *patch*, jadi sebuah transisi akan terpicu.
2384+
Ketika `text` berubah, `<span>` akan selalu diganti alih-alih di-*patch*, sehingga transisi akan terpicu.
23852385
23862386
### ref
23872387
23882388
- **Nilai Anggapan:** `string`
23892389
2390-
`ref` digunakan untuk mendaftarkan referensi terhadap elemen atau komponen anak. Referensi akan didaftarkan dibawah obyek `$refs` dari komponen parent. Jika digunakan pada elemen DOM polos, referensi akan menjadi elemen itu; jika digunakan pada sebuah elemen anak, referensi akan menjadi *instance* komponen:
2390+
`ref` digunakan untuk mendaftarkan referensi terhadap elemen atau komponen anak. Referensi akan didaftarkan dibawah obyek `$refs` dari komponen induknya. Jika digunakan pada elemen DOM polos, referensi akan menunjuk pada elemen tersebut; jika digunakan pada elemen anak, referensi akan menunjuk pada *instance* komponen:
23912391
23922392
``` html
23932393
<!-- vm.$refs.p akan menjadi node DOM -->
23942394
<p ref="p">hello</p>
23952395
2396-
<!-- vm.$refs.child akan menjadi *instance* komponen anak -->
2396+
<!-- vm.$refs.child akan menjadi instance komponen anak -->
23972397
<child-component ref="child"></child-component>
23982398
```
23992399
2400-
Ketika digunakan pada elemen/komponen dengan `v-for`, referensi yang terdaftar akan menjadi sebuah Array yang berisi *DOM nodes* atau *instances* komponen.
2400+
Ketika digunakan pada elemen/komponen yang mengandung `v-for`, referensi yang terdaftar akan menjadi sebuah Array yang berisi *DOM nodes* atau *instances* komponen.
24012401
2402-
Catatan penting dalam pendaftaran *ref* adalah pemilihan waktu: karena *refs* sendiri terbuat atas hasil dari *render function*, anda tidak dapat mengakses pada saat *initial render* - *refs* belum terbuat/ada! `$refs` juga tidak reaktif, untuk itu anda tidak seharusnya mencoba untuk menggunakannya pada template atau *data-binding*.
2402+
Catatan penting dalam penggunaan *refs* adalah pemilihan waktu: karena *refs* muncul sebagai hasil dari *render function*, anda tidak dapat mengaksesnya pada saat *initial render* - karena *refs* belum dibuat saat itu. `$refs` juga tidak reaktif, sehingga anda tidak bisa menggunakannya di template untuk melakukan *data-binding*.
24032403
24042404
- **Lihat juga:** [*Child Component Refs*](../guide/components.html#Child-Component-Refs)
24052405
24062406
### is
24072407
2408-
- **Nilai Anggapan:** `string | Object (Objek opsi komponen)`
2408+
- **Nilai Anggapan:** `string | Object (Objek 'options' komponen)`
24092409
2410-
Digunakan untuk [Komponen-komponen dinamis](../guide/components.html#Dynamic-Components) dan juga sebagai solusi pada [keterbatasan dari *in-DOM templates*](../guide/components.html#DOM-Template-Parsing-Caveats).
2410+
Digunakan untuk [komponen dinamis](../guide/components.html#Dynamic-Components) dan juga sebagai solusi untuk [keterbatasan dari in-DOM templates](../guide/components.html#DOM-Template-Parsing-Caveats).
24112411
24122412
Sebagai contoh:
24132413
@@ -2416,7 +2416,7 @@ Mengawasi suatu ekspresi atau fungsi penghitung (*computed function*) pada *inst
24162416
<component v-bind:is="currentView"></component>
24172417
24182418
<!-- perlu karena `<my-row>` akan menjadi tidak valid di dalam -->
2419-
<!-- sebuah elemen `<table>` dan sebagainya akan diangkat -->
2419+
<!-- elemen `<table>` sehingga akan otomatis dihilangkan -->
24202420
<table>
24212421
<tr is="my-row"></tr>
24222422
</table>
@@ -2426,41 +2426,41 @@ Mengawasi suatu ekspresi atau fungsi penghitung (*computed function*) pada *inst
24262426
24272427
- **Lihat juga:**
24282428
- [Komponen Dinamis](../guide/components.html#Dynamic-Components)
2429-
- [Peringatan *Parsing* pada *DOM template*](../guide/components.html#DOM-Template-Parsing-Caveats)
2429+
- [Peringatan untuk DOM template parsing](../guide/components.html#DOM-Template-Parsing-Caveats)
24302430
2431-
### slot <sup style="color:#c92222">*deprecated*</sup>
2431+
### slot <sup style="color:#c92222">usang</sup>
24322432
2433-
**Rujuk ke [v-slot](#v-slot) di 2.6.0+.**
2433+
**Lebih disarankan menggunakan [v-slot](#v-slot) di 2.6.0+.**
24342434
24352435
- **Nilai Anggapan:** `string`
24362436
2437-
Digunakan pada konten yang dimasukkan pada komponen anak untuk menunjukkan slot mana yang dinamai pada konten tersebut.
2437+
Digunakan pada konten yang dimasukkan ke dalam komponen anak untuk menunjukkan pada slot mana konten tersebut akan ditempatkan.
24382438
2439-
- **Lihat juga:** [Slot yang dinamai `slot`](../guide/components.html#Named-Slots-with-slot)
2439+
- **Lihat juga:** [Slot Dengan Nama `slot`](../guide/components.html#Named-Slots-with-slot)
24402440
2441-
### slot-scope <sup style="color:#c92222">deprecated</sup>
2441+
### slot-scope <sup style="color:#c92222">usang</sup>
24422442
2443-
**Rujuk ke [v-slot](#v-slot) di 2.6.0+.**
2443+
**Lebih disarankan menggunakan [v-slot](#v-slot) di 2.6.0+.**
24442444
2445-
- **Nilai Anggapan:** `ekspresi fungsi argumen`
2445+
- **Nilai Anggapan:** `ekspresi argumen fungsi`
24462446
24472447
- **Kegunaan:**
24482448
2449-
Digunakan untuk menunjukkan sebuah elemen atau komponen sebagai slot tertutup (*scoped slot*). Nilai atribut harus menjadi ekspresi Javascript yang valid yang bisa muncul pada *argument position* dari sebuah *function signature*. Ini berarti dalam *environments* yang di dukung anda juga bisa menggunakan ES2015 *destructuring* pada ekpresi Javascript. Sebagai pengganti [`scope`](#scope-replaced) pada 2.5.0+.
2449+
Digunakan untuk menunjukkan sebuah elemen atau komponen sebagai *scoped slot*. Nilai atribut harus berupa ekspresi Javascript yang valid yang bisa muncul di posisi *argument* dari *signature* sebuah *function*. Ini berarti di *environment* yang mendukung anda juga bisa menggunakan ES2015 *destructuring* di dalam ekspresi JavaScript. *Slot-scope* merupakan pengganti [`scope`](#scope-replaced) di versi 2.5.0+.
24502450
2451-
Attribut ini tidak mendukung *dynamic binding*.
2451+
Atribut ini tidak mendukung *dynamic binding*.
24522452
2453-
- **Lihat juga:** [Slot tertutup (*scoped slot*) dengan `slot-scope`](../guide/components.html#Scoped-Slots-with-slot-scope)
2453+
- **Lihat juga:** [Slot tertutup (*scoped slot*) dengan `slot-scope`](../guide/components.html#Scoped-Slots-with-slot-scope)
24542454
2455-
### scope <sup style="color:#c92222">terhapus</sup>
2455+
### scope <sup style="color:#c92222">dihapus</sup>
24562456
2457-
**Digantikan dengan [slot-scope](#slot-scope) pada 2.5.0+. Rujuk ke [v-slot](#v-slot) in 2.6.0+.**
2457+
**Digantikan dengan [slot-scope](#slot-scope) di 2.5.0+. Lebih disarankan menggunakan [v-slot](#v-slot) di 2.6.0+.**
24582458
2459-
Digunakan untuk menunjukkan sebuah elemen `<template>` sebagai sebuah slot tertutup.
2459+
Digunakan untuk menunjukkan bahwa sebuah elemen `<template>` adalah *scoped slot*.
24602460
24612461
- **Kegunaan:**
24622462
2463-
Sama seperti [`slot-scope`](#slot-scope) Selain itu `scope` hanya bisa digunakan pada elemen `<template>`.
2463+
Sama seperti [`slot-scope`](#slot-scope), hanya saja `scope` hanya bisa digunakan pada elemen `<template>`.
24642464
24652465
## Built-In Components
24662466

0 commit comments

Comments
 (0)