Skip to content

Commit 1cda9b8

Browse files
mandaputtramandaputtra
authored
Merge pull request vuejs#130 from mandaputtra/migrating-v1
Terusan Migrating v1
2 parents 46f72a4 + 89c2efe commit 1cda9b8

File tree

1 file changed

+90
-87
lines changed

1 file changed

+90
-87
lines changed

‎src/v2/guide/migration.md

Lines changed: 90 additions & 87 deletions
Original file line numberDiff line numberDiff line change
@@ -1277,57 +1277,58 @@ Satu kali *binding* (`{% raw %}{{* foo }}{% endraw %}`) telah digantikan oleh [`
12771277
</div>
12781278
{% endraw %}
12791279

1280-
## Reactivity
1280+
## Reaktifitas
12811281

1282-
### `vm.$watch` <sup>changed</sup>
1282+
### `vm.$watch` <sup>digantikan</sup>
12831283

1284-
Watchers created via `vm.$watch` are now fired before the associated component rerenders. This gives you the chance to further update state before the component rerender, thus avoiding unnecessary updates. For example, you can watch a component prop and update the component's own data when the prop changes.
1284+
Pengamat (*Watchers*) yang dibuat dengan `vm.$watch` sekarang terpanggil sebelum komponen yang terasosiasi di render. Ini memberikanmu untuk lebih lanjut memperbaharui *state* sebelum komponen di render, sehingga menghindari pembaharuan yang tidak perlu. Contoh, kamu dapat memantau properti (*prop*) sebuah komponen dan memperbaharui data saat properti komponen berubah.
12851285

1286-
If you were previously relying on `vm.$watch` to do something with the DOM after a component updates, you can instead do so in the `updated` lifecycle hook.
1286+
Jika kamu sebelumnya bergantung pada `vm.$watch` untuk melakukan sesuatu dalam DOM setelah komponen diperbaharui, kamu dapat juga melakukannya pada `updated` kait suklus hidup Vue.
12871287

12881288
{% raw %}
12891289
<div class="upgrade-path">
1290-
<h4>Upgrade Path</h4>
1291-
<p>Run your end-to-end test suite, if you have one. The <strong>failed tests</strong> should alert to you to the fact that a watcher was relying on the old behavior.</p>
1290+
<h4>Jalur upgrade</h4>
1291+
<p>Jalankan <i>end-to-end test</i> anda, jika kamu memilikinya. <strong>Tes yang gagal</strong> akan memperingatkanmu jika pengamat <i>(watcher)</i> masih bergantung/menggunakan cara lama.</p>
12921292
</div>
12931293
{% endraw %}
12941294

1295-
### `vm.$set` <sup>changed</sup>
1295+
### `vm.$set` <sup>digantikan</sup>
12961296

1297-
`vm.$set` is now an alias for [`Vue.set`](../api/#Vue-set).
1297+
`vm.$set` sekarang adalah padanan dari [`Vue.set`](../api/#Vue-set).
12981298

12991299
{% raw %}
13001300
<div class="upgrade-path">
1301-
<h4>Upgrade Path</h4>
1302-
<p>Run the <a href="https://github.com/vuejs/vue-migration-helper">migration helper</a> on your codebase to find examples of the obsolete usage.</p>
1301+
<h4>Jalur upgrade</h4>
1302+
<p>Jalankan <a href="https://github.com/vuejs/vue-migration-helper">alat bantu migrasi</a> pada kode untuk menemukan contoh penggunaan yang sudah usang.</p>
13031303
</div>
13041304
{% endraw %}
13051305

1306-
### `vm.$delete` <sup>changed</sup>
1306+
### `vm.$delete` <sup>digantikan</sup>
13071307

1308-
`vm.$delete` is now an alias for [`Vue.delete`](../api/#Vue-delete).
1308+
`vm.$delete` sekarang merupakan padanan dari [`Vue.delete`](../api/#Vue-delete).
13091309

13101310
{% raw %}
13111311
<div class="upgrade-path">
1312-
<h4>Upgrade Path</h4>
1313-
<p>Run the <a href="https://github.com/vuejs/vue-migration-helper">migration helper</a> on your codebase to find examples of the obsolete usage.</p>
1312+
<h4>Jalur upgrade</h4>
1313+
<p>Jalankan <a href="https://github.com/vuejs/vue-migration-helper">alat bantu migrasi</a> pada kode untuk menemukan contoh penggunaan yang sudah usang.</p>
13141314
</div>
13151315
{% endraw %}
13161316

1317-
### `Array.prototype.$set` <sup>removed</sup>
13181317

1319-
Use `Vue.set` instead.
1318+
### `Array.prototype.$set` <sup>dihapuskan</sup>
1319+
1320+
Gunakan `Vue.set` sebagai gantinya.
13201321

13211322
{% raw %}
13221323
<div class="upgrade-path">
1323-
<h4>Upgrade Path</h4>
1324-
<p>Run the <a href="https://github.com/vuejs/vue-migration-helper">migration helper</a> on your codebase to find examples of <code>.$set</code> on an array. If you miss any, you should see <strong>console errors</strong> from the missing method.</p>
1324+
<h4>Jalur upgrade</h4>
1325+
<p>Jalankan <a href="https://github.com/vuejs/vue-migration-helper">alat bantu migrasi</a> pada kode anda untuk menemukan contoh <code>.$set</code> pada <i>array</i>. Jika kamu melewatkannya , silahkan lihat pada <strong>konsol galat</strong> dari metode yang hilang.</p>
13251326
</div>
13261327
{% endraw %}
13271328

1328-
### `Array.prototype.$remove` <sup>removed</sup>
1329+
### `Array.prototype.$remove` <sup>dihapuskan</sup>
13291330

1330-
Use `Array.prototype.splice` instead. For example:
1331+
Gunakan `Array.prototype.splice` sebagai gantinya. Contoh:
13311332

13321333
``` js
13331334
methods: {
@@ -1338,7 +1339,7 @@ methods: {
13381339
}
13391340
```
13401341

1341-
Or better yet, pass removal methods an index:
1342+
Atau lebih baik, berikan parameter index pada *method* hapus:
13421343

13431344
``` js
13441345
methods: {
@@ -1350,152 +1351,154 @@ methods: {
13501351

13511352
{% raw %}
13521353
<div class="upgrade-path">
1353-
<h4>Upgrade Path</h4>
1354-
<p>Run the <a href="https://github.com/vuejs/vue-migration-helper">migration helper</a> on your codebase to find examples of <code>.$remove</code> on an array. If you miss any, you should see <strong>console errors</strong> from the missing method.</p>
1354+
<h4>Jalur upgrade</h4>
1355+
<p>Jalankan <a href="https://github.com/vuejs/vue-migration-helper">alat bantu migrasi</a> pada kode anda untuk menemukan contoh <code>.$remove</code> pada <i>array</i>. Jika kamu melewatkan sesuatu, coba lihat <strong>konsol galat</strong> dari <i>method</i> yang kamu lewatkan.</p>
13551356
</div>
13561357
{% endraw %}
13571358

1358-
### `Vue.set` and `Vue.delete` on Vue instances <sup>removed</sup>
13591359

1360-
`Vue.set` and `Vue.delete` can no longer work on Vue instances. It is now mandatory to properly declare all top-level reactive properties in the data option. If you'd like to delete properties on a Vue instance or its `$data`, set it to null.
1360+
### `Vue.set` dan `Vue.delete` pada *instance* Vue <sup>dihapuskan</sup>
1361+
1362+
`Vue.set` dan `Vue.delete` tidak dapat berkerja lagi pada *instance* Vue. Sekarang merupakan sebuah kewajiban untuk mendeklarasikan dengan benar properti reaktif tingkat-atas pada opsi data. Jika kamu ingin menghapus properti pada *instance* Vue atau `$data` setel ke nol (*null*).
13611363

13621364
{% raw %}
13631365
<div class="upgrade-path">
1364-
<h4>Upgrade Path</h4>
1365-
<p>Run the <a href="https://github.com/vuejs/vue-migration-helper">migration helper</a> on your codebase to find examples of <code>Vue.set</code> or <code>Vue.delete</code> on a Vue instance. If you miss any, they'll trigger <strong>console warnings</strong>.</p>
1366+
<h4>Jalur upgrade</h4>
1367+
<p>Jalankan <a href="https://github.com/vuejs/vue-migration-helper">alat bantu migrasi</a> pada kode anda untuk menemukan contoh <code>Vue.set</code> atau <code>Vue.delete</code> pada <i>instance</i> Vue. Jika kamu melewatkan sesuatu, hal tersebut akan menimbulkan <strong>peringatan pada konsol</strong>.</p>
13661368
</div>
13671369
{% endraw %}
13681370

1369-
### Replacing `vm.$data` <sup>removed</sup>
1371+
### `vm.$data` <sup>dihapuskan</sup>
13701372

1371-
It is now prohibited to replace a component instance's root $data. This prevents some edge cases in the reactivity system and makes the component state more predictable (especially with type-checking systems).
1373+
Mengantikan *instance* komponen pada akar `$data` sekarang telah dilarang. Ini mencegah beberapa kasus langka pada sistem reaktifitas Vue dan membuat *state* pada komponen lebih dapat di prediksi (khususnya dengan sistem pengecekan-tipe).
13721374

13731375
{% raw %}
13741376
<div class="upgrade-path">
1375-
<h4>Upgrade Path</h4>
1376-
<p>Run the <a href="https://github.com/vuejs/vue-migration-helper">migration helper</a> on your codebase to find examples of overwriting <code>vm.$data</code>. If you miss any, <strong>console warnings</strong> will be emitted.</p>
1377+
<h4>Jalur upgrade</h4>
1378+
<p>Jalankan <a href="https://github.com/vuejs/vue-migration-helper">alat bantu migrasi</a> pada kode anda untuk menemukan contoh penimpaan <code>vm.$data</code>. Jika kamu melewatkannya, <strong>peringatan pada konsol</strong> akan dimunculkan.</p>
13771379
</div>
13781380
{% endraw %}
13791381

1380-
### `vm.$get` <sup>removed</sup>
13811382

1382-
Instead, retrieve reactive data directly.
1383+
### `vm.$get` <sup>dihapuskan</sup>
1384+
1385+
Sebagai gantinya, mengambil data reaktif secara langsung.
13831386

13841387
{% raw %}
13851388
<div class="upgrade-path">
1386-
<h4>Upgrade Path</h4>
1387-
<p>Run the <a href="https://github.com/vuejs/vue-migration-helper">migration helper</a> on your codebase to find examples of <code>vm.$get</code>. If you miss any, you'll see <strong>console errors</strong>.</p>
1389+
<h4>Jalur upgrade</h4>
1390+
<p>Jalankan <a href="https://github.com/vuejs/vue-migration-helper">alat bantu migrasi</a> pada kode anda untuk menemukan contoh <code>vm.$get</code>. Jika kamu melewatkan sesuatu, kamu akan melihat <strong>konsol galat</strong>.</p>
13881391
</div>
13891392
{% endraw %}
13901393

1391-
## DOM-Focused Instance Methods
1394+
## Metode *Instance* DOM-terfokus (DOM-Focused Instance Methods)
13921395

1393-
### `vm.$appendTo` <sup>removed</sup>
1396+
### `vm.$appendTo` <sup>dihapuskan</sup>
13941397

1395-
Use the native DOM API:
1398+
Gunakan API DOM asli (*native*):
13961399

13971400
{% codeblock lang:js %}
13981401
myElement.appendChild(vm.$el)
13991402
{% endcodeblock %}
14001403

14011404
{% raw %}
14021405
<div class="upgrade-path">
1403-
<h4>Upgrade Path</h4>
1404-
<p>Run the <a href="https://github.com/vuejs/vue-migration-helper">migration helper</a> on your codebase to find examples of <code>vm.$appendTo</code>. If you miss any, you'll see <strong>console errors</strong>.</p>
1406+
<h4>Jalur upgrade</h4>
1407+
<p>Jalankan <a href="https://github.com/vuejs/vue-migration-helper">alat bantu migrasi</a> pada kode anda untuk menemukan contoh <code>vm.$appendTo</code>. Jika kamu melewatkan sesuatu, kamu akan melihat <strong>galat pada konsol</strong>.</p>
14051408
</div>
14061409
{% endraw %}
14071410

1408-
### `vm.$before` <sup>removed</sup>
1411+
### `vm.$before` <sup>dihapuskan</sup>
14091412

1410-
Use the native DOM API:
1413+
Gunakan API DOM asli (*native*):
14111414

14121415
{% codeblock lang:js %}
14131416
myElement.parentNode.insertBefore(vm.$el, myElement)
14141417
{% endcodeblock %}
14151418

14161419
{% raw %}
14171420
<div class="upgrade-path">
1418-
<h4>Upgrade Path</h4>
1419-
<p>Run the <a href="https://github.com/vuejs/vue-migration-helper">migration helper</a> on your codebase to find examples of <code>vm.$before</code>. If you miss any, you'll see <strong>console errors</strong>.</p>
1421+
<h4>Jalur upgrade</h4>
1422+
<p>Jalankan <a href="https://github.com/vuejs/vue-migration-helper">alat bantu migrasi</a> pada kode anda untuk melihat contoh <code>vm.$before</code>. Jika kamu melewatkan sesuatu, kamu akan melihat <strong>galat pada konsol</strong>.</p>
14201423
</div>
14211424
{% endraw %}
14221425

1423-
### `vm.$after` <sup>removed</sup>
1426+
### `vm.$after` <sup>dihapuskan</sup>
14241427

1425-
Use the native DOM API:
1428+
Gunakan API DOM asli (*native*):
14261429

14271430
{% codeblock lang:js %}
14281431
myElement.parentNode.insertBefore(vm.$el, myElement.nextSibling)
14291432
{% endcodeblock %}
14301433

1431-
Or if `myElement` is the last child:
1434+
Atau jika `myElement` merupakan komponen anak terakhir
14321435

14331436
{% codeblock lang:js %}
14341437
myElement.parentNode.appendChild(vm.$el)
14351438
{% endcodeblock %}
14361439

14371440
{% raw %}
14381441
<div class="upgrade-path">
1439-
<h4>Upgrade Path</h4>
1440-
<p>Run the <a href="https://github.com/vuejs/vue-migration-helper">migration helper</a> on your codebase to find examples of <code>vm.$after</code>. If you miss any, you'll see <strong>console errors</strong>.</p>
1442+
<h4>Jalur upgrade</h4>
1443+
<p>Jalankan <a href="https://github.com/vuejs/vue-migration-helper">alat bantu migrasi</a> pada kode anda untuk melihat contoh <code>vm.$after</code>. Jika kamu melewatkan sesuatu, kamu kan melihat <strong>galat pada konsol</strong>.</p>
14411444
</div>
14421445
{% endraw %}
14431446

1444-
### `vm.$remove` <sup>removed</sup>
1447+
### `vm.$remove` <sup>dihapuskan</sup>
14451448

1446-
Use the native DOM API:
1449+
Gunakan API DOM asli (*native*):
14471450

14481451
{% codeblock lang:js %}
14491452
vm.$el.remove()
14501453
{% endcodeblock %}
14511454

14521455
{% raw %}
14531456
<div class="upgrade-path">
1454-
<h4>Upgrade Path</h4>
1455-
<p>Run the <a href="https://github.com/vuejs/vue-migration-helper">migration helper</a> on your codebase to find examples of <code>vm.$remove</code>. If you miss any, you'll see <strong>console errors</strong>.</p>
1457+
<h4>Jalur upgrade</h4>
1458+
<p>Jalankan <a href="https://github.com/vuejs/vue-migration-helper">alat bantu migrasi</a> pada kode anda untuk menemukan contoh<code>vm.$remove</code>. Jika kamu melewatkan sesuatu, kamu akan melihat <strong>galat pada konsol</strong>.</p>
14561459
</div>
14571460
{% endraw %}
14581461

1459-
## Meta Instance Methods
1462+
## Metode pada *Meta Instance* (Meta Instance Methods)
14601463

1461-
### `vm.$eval` <sup>removed</sup>
1464+
### `vm.$eval` <sup>dihapuskan</sup>
14621465

1463-
No real use. If you do happen to rely on this feature somehow and aren't sure how to work around it, post on [the forum](https://forum.vuejs.org/) for ideas.
1466+
Tidak ada gunanya. Jika kamu ternyata bergantung pada fitur ini dan tidak tahu bagaimana harus menggantinya, silahkan membuka obrolan pada [forum Vue.js](https://forum.vuejs.org/) untuk ide.
14641467

14651468
{% raw %}
14661469
<div class="upgrade-path">
1467-
<h4>Upgrade Path</h4>
1468-
<p>Run the <a href="https://github.com/vuejs/vue-migration-helper">migration helper</a> on your codebase to find examples of <code>vm.$eval</code>. If you miss any, you'll see <strong>console errors</strong>.</p>
1470+
<h4>Jalur upgrade</h4>
1471+
<p>Jalankan <a href="https://github.com/vuejs/vue-migration-helper">alat bantu migrasi</a> pada kode anda untuk menemukan contoh <code>vm.$eval</code>. Jika kamu melewatkan sesuatu, kamu akan melihat <strong>galat pada konsol</strong>.</p>
14691472
</div>
14701473
{% endraw %}
14711474

1472-
### `vm.$interpolate` <sup>removed</sup>
1475+
### `vm.$interpolate` <sup>dihapuskan</sup>
14731476

1474-
No real use. If you do happen to rely on this feature somehow and aren't sure how to work around it, post on [the forum](https://forum.vuejs.org/) for ideas.
1477+
Tidak ada gunanya. Jika kamu ternyata bergantung pada fitur ini dan tidak tahu bagaimana harus menggantinya, silahkan membuka obrolan pada [forum Vue.js](https://forum.vuejs.org/) untuk ide.
14751478

14761479
{% raw %}
14771480
<div class="upgrade-path">
1478-
<h4>Upgrade Path</h4>
1479-
<p>Run the <a href="https://github.com/vuejs/vue-migration-helper">migration helper</a> on your codebase to find examples of <code>vm.$interpolate</code>. If you miss any, you'll see <strong>console errors</strong>.</p>
1481+
<h4>Jalur upgrade</h4>
1482+
<p>Jalankan <a href="https://github.com/vuejs/vue-migration-helper">alat bantu migrasi</a> pada kode anda untuk menemukan contoh <code>vm.$interpolate</code>. Jika kamu melewatkan sesuatu, kamu akan melihat <strong>galat pada konsol</strong>.</p>
14801483
</div>
14811484
{% endraw %}
14821485

1483-
### `vm.$log` <sup>removed</sup>
1486+
### `vm.$log` <sup>dihapuskan</sup>
14841487

1485-
Use the [Vue Devtools](https://github.com/vuejs/vue-devtools) for the optimal debugging experience.
1488+
Gunakan [Vue Devtools](https://github.com/vuejs/vue-devtools) untuk pengalaman *debugging* yang optimal.
14861489

14871490
{% raw %}
14881491
<div class="upgrade-path">
1489-
<h4>Upgrade Path</h4>
1490-
<p>Run the <a href="https://github.com/vuejs/vue-migration-helper">migration helper</a> on your codebase to find examples of <code>vm.$log</code>. If you miss any, you'll see <strong>console errors</strong>.</p>
1492+
<h4>Jalur upgrade</h4>
1493+
<p>Jalankan <a href="https://github.com/vuejs/vue-migration-helper">alat bantu migrasi</a> pada kode anda untuk menemukan contoh <code>vm.$log</code>. Jika kamu melewatkan sesuatu, kamu akan melihat <strong>galat pada konsol</strong>.</p>
14911494
</div>
14921495
{% endraw %}
14931496

1494-
## Instance DOM Options
1497+
## Opsi pada *Instance* DOM (Instance DOM Options)
14951498

1496-
### `replace: false` <sup>removed</sup>
1499+
### `replace: false` <sup>dihapuskan</sup>
14971500

1498-
Components now always replace the element they're bound to. To simulate the behavior of `replace: false`, you can wrap your root component with an element similar to the one you're replacing. For example:
1501+
Tiap - tiap komponen sekarang selalu menggantikan element yang terkait dengan mereka. Untuk mengsimulasikan sifat dari `replace: false`, kamu dapat membungkus akar komponen dengan elemen yang sama terhadap elemen yang kamu ganti. Contoh:
14991502

15001503
``` js
15011504
new Vue({
@@ -1504,7 +1507,7 @@ new Vue({
15041507
})
15051508
```
15061509

1507-
Or with a render function:
1510+
Atau menggunakan fungsi *render*:
15081511

15091512
``` js
15101513
new Vue({
@@ -1521,8 +1524,8 @@ new Vue({
15211524

15221525
{% raw %}
15231526
<div class="upgrade-path">
1524-
<h4>Upgrade Path</h4>
1525-
<p>Run the <a href="https://github.com/vuejs/vue-migration-helper">migration helper</a> on your codebase to find examples of <code>replace: false</code>.</p>
1527+
<h4>Jalur upgrade</h4>
1528+
<p>Jalankan <a href="https://github.com/vuejs/vue-migration-helper">alat bantu migrasi</a> pada kode anda untuk menemukan contoh <code>replace: false</code>.</p>
15261529
</div>
15271530
{% endraw %}
15281531

@@ -1572,41 +1575,41 @@ HTML interpolation has been [removed in favor of `v-html`](#HTML-Interpolation-r
15721575
</div>
15731576
{% endraw %}
15741577

1575-
## Global API
1578+
## API Global
15761579

1577-
### `Vue.extend` with `el` <sup>removed</sup>
1580+
### `Vue.extend` dengan `el` <sup>dihapuskan</sup>
15781581

1579-
The el option can no longer be used in `Vue.extend`. It's only valid as an instance creation option.
1582+
Opsi `el` sudah tidak dapat digunakan pada `Vue.extend`. Sekarang hal ini hanay valid sebagai opsi pembuatan *instance*.
15801583

15811584
{% raw %}
15821585
<div class="upgrade-path">
1583-
<h4>Upgrade Path</h4>
1584-
<p>Run your end-to-end test suite or app after upgrading and look for <strong>console warnings</strong> about the <code>el</code> option with <code>Vue.extend</code>.</p>
1586+
<h4>Jalur upgrade</h4>
1587+
<p>Jalankan <i>end-to-end testing</i> pada aplikasi anda atau setelah anda meng-update Vue cari <strong>peringatan pada konsol</strong> soal penggunaan opsi <code>el</code> dengan <code>Vue.extend</code>.</p>
15851588
</div>
15861589
{% endraw %}
15871590

1588-
### `Vue.elementDirective` <sup>removed</sup>
1591+
### `Vue.elementDirective` <sup>dihapuskan</sup>
15891592

1590-
Use components instead.
1593+
Gunakan komponen sebagai gantinya.
15911594

15921595
{% raw %}
15931596
<div class="upgrade-path">
1594-
<h4>Upgrade Path</h4>
1595-
<p>Run the <a href="https://github.com/vuejs/vue-migration-helper">migration helper</a> on your codebase to find examples of <code>Vue.elementDirective</code>.</p>
1597+
<h4>Jalur upgrade</h4>
1598+
<p>Jalankan <a href="https://github.com/vuejs/vue-migration-helper">alat bantu migrasi</a> pada kode anda untuk menemukan contoh penggunaan dari <code>Vue.elementDirective</code>.</p>
15961599
</div>
15971600
{% endraw %}
15981601

1599-
### `Vue.partial` <sup>removed</sup>
1602+
### `Vue.partial` <sup>dihapuskan</sup>
16001603

1601-
Partials have been removed in favor of more explicit data flow between components, using props. Unless you're using a partial in a performance-critical area, the recommendation is to use a [normal component](components.html) instead. If you were dynamically binding the `name` of a partial, you can use a [dynamic component](components.html#Dynamic-Components).
1604+
*Partials* telah dihapus dengan alasan untuk menjaga aliran data antara komponen, menggunakan *props* komponen. Kecuali kamu menggunakan *partial* pada area yang memerlukan performa lebih, rekomendasi untuk masalah tersebut adalah dengan menggunakan [komponen biasa](components.html) sebagai gantinya. Jika kamu secara dinamis mengikat `name` dari sebuah partial, kamu dapat menggunakan [komponen dinamis](components.html#Dynamic-Components).
16021605

1603-
If you happen to be using partials in a performance-critical part of your app, then you should upgrade to [functional components](render-function.html#Functional-Components). They must be in a plain JS/JSX file (rather than in a `.vue` file) and are stateless and instanceless, like partials. This makes rendering extremely fast.
1606+
Jika kamu ternyata menggunakan *partial* di applikasi andad pada tempat yang membutuhkan performa lebih cepat, maka kamu harus ganti dengan [komponen fungsional](render-function.html#Functional-Components). Komponen tersebut harus di deklarasikan dengan JS/JSX file (bukan menggunakan `.vue` file) dan juga *stateless* dan *instanceless*, seperti partials. Ini membuat kecepatan render sangat cepat
16041607

1605-
A benefit of functional components over partials is that they can be much more dynamic, because they grant you access to the full power of JavaScript. There is a cost to this power however. If you've never used a component framework with render functions before, they may take a bit longer to learn.
1608+
Keuntungan menggunakan komponen fungsional daripada *partial* adalah komponen fungsional lebih dinamis, dikarenakan kamu dapat menggunakan javascript seutuhnya pada komponen. Tetapi ada juga hal yang harus di bayar saat menggunakan komponen fungsional. Jika kamu belum pernah menggunakan kerangka kerja dengan fungsi *render* sebelumnya, mungkin kamu perlu waktu agak lama untuk mempelajarinya.
16061609

16071610
{% raw %}
16081611
<div class="upgrade-path">
1609-
<h4>Upgrade Path</h4>
1610-
<p>Run the <a href="https://github.com/vuejs/vue-migration-helper">migration helper</a> on your codebase to find examples of <code>Vue.partial</code>.</p>
1612+
<h4>Jalur upgrade</h4>
1613+
<p>Jalankan <a href="https://github.com/vuejs/vue-migration-helper">alat bantu migrasi</a> pada kode anda untuk menemukan contoh penggunaan <code>Vue.partial</code>.</p>
16111614
</div>
16121615
{% endraw %}

0 commit comments

Comments
 (0)