Translate Bahasa Indonesia : Vue Instance #51

iqbalaqaba · 2019-03-06T09:55:21Z

Hasil translate bahasa indonesia dari Vue Instance 🚀

mazipan · 2019-03-06T10:04:36Z

src/v2/guide/instance.md

@@ -1,24 +1,27 @@
 ---
-title: The Vue Instance
+title: Permintaan Vue


Permintaan Vue ini gak familiar kata2nya.
Mending pertahankan Vue Instance

mazipan · 2019-03-06T10:04:45Z

src/v2/guide/instance.md

 type: guide
 order: 3
 ---

-## Creating a Vue Instance
+## Membuat Permintaan Vue


Membuat Vue Instance

mazipan · 2019-03-06T10:06:15Z

src/v2/guide/instance.md


-Every Vue application starts by creating a new **Vue instance** with the `Vue` function:
+Setiap aplikasi Vue dimulai dengan membuat **Permintaan Vue** dengan fungsi `Vue` seperti berikut :


Vue instance

mazipan · 2019-03-06T10:07:09Z

src/v2/guide/instance.md

 })
 ```

-Although not strictly associated with the [MVVM pattern](https://en.wikipedia.org/wiki/Model_View_ViewModel), Vue's design was partly inspired by it. As a convention, we often use the variable `vm` (short for ViewModel) to refer to our Vue instance.
+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 permintaan Vue kami.


Semua Vue Instance, jangan di terjemahkan.
Pakai italic font aja.

mazipan · 2019-03-06T10:08:54Z

src/v2/guide/instance.md


-A Vue application consists of a **root Vue instance** created with `new Vue`, optionally organized into a tree of nested, reusable components. For example, a todo app's component tree might look like this:
+Ketika anda membuat permintaan Vue, anda mengirimkan **objek pilihan**. 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).


objek pilihan --> obyek opsi (options object)

anda -> Anda, pakai capital A

mazipan · 2019-03-06T10:11:58Z

src/v2/guide/instance.md

+Ketika anda membuat permintaan Vue, anda mengirimkan **objek pilihan**. 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).
+
+
+Sebuah aplikasi Vue terdiri dari **permintaan dasar Vue** yang dibuat dengan `new Vue`, secara opsional di atur ke dalam struktur pohon, komponen yang bisa digunakan ulang. Sebagai contoh, komponen aplikasi pengingat mungkin terliat seperti ini :


root Vue instance -> akar (root) Vue instance
tree of nested gak usah di terjemahkan, pake italic aja.
terliat -> terlihat

mazipan · 2019-03-06T10:13:52Z

src/v2/guide/instance.md

@@ -31,42 +34,46 @@ Root Instance
      └─ TodoListStatistics
 ```

-We'll talk about [the component system](components.html) in detail later. For now, just know that all Vue components are also Vue instances, and so accept the same options object (except for a few root-specific options).
+Kita akan membiacarakan tentang [sistem komponen](components.html) pada detail selanjunya. Sekarang, dengan hanya mengetahui bahwa semua komponen Vue juga adalah permintaan Vue, dan jug menerima opsi objek yang sama (kecuali untuk beberapa opsi pohon-spesifik).


membiacarakan typo --> membicarakan
selanjunya typo --> selanjutnya
permintaan Vue -> Vue instance
jug -> juga

iqbalaqaba · 2019-03-06T16:28:49Z

Thank you reviewnya mas @mazipan , sudah saya pr ulang yang baru 😉

mazipan · 2019-03-06T23:21:45Z

src/v2/guide/instance.md


 ```js
 var vm = new Vue({
  // opsi
 })
 ```

-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 permintaan Vue kami.
+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.


Meskipun tidak terkait ketat, typo kebanyakan keulang kata

mazipan · 2019-03-06T23:22:11Z

src/v2/guide/instance.md


-A Vue application consists of a **root Vue instance** created with `new Vue`, optionally organized into a tree of nested, reusable components. For example, a todo app's component tree might look like this:
+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).


Semua kata anda, ganti dengan Anda pakai A capital

mazipan · 2019-03-06T23:23:37Z

src/v2/guide/instance.md

@@ -31,42 +34,46 @@ Root Instance
      └─ TodoListStatistics
 ```

-We'll talk about [the component system](components.html) in detail later. For now, just know that all Vue components are also Vue instances, and so accept the same options object (except for a few root-specific options).
+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*).


opsi objek -> objek opsi

mas @mazipan , bagaimana kalau pilihan objek ?

mazipan · 2019-03-06T23:24:45Z

src/v2/guide/instance.md

-When a Vue instance is created, it adds all the properties found in its `data` object to Vue's **reactivity system**. When the values of those properties change, the view will "react", updating to match the new values.
+## Data dan Metode
+
+Ketika *Vue Instance* dibuat, ini menambah semua properti yang ditemukan di dalam objek `data` ke Vue's **sistem reaktifitas**. Ketika nilai dari properti tersebut berubah, tampilanya akan "bereaksi", memperbarui untuk mencocokan dengan nilai yang baru.


ke sistem reaktif milik Vue

mazipan · 2019-03-06T23:25:56Z

src/v2/guide/instance.md

 var vm = new Vue({
  data: data
 })

-// Getting the property on the instance
-// returns the one from the original data
+// Mendapat properti dari permintaan


Permintaan-> instance

mazipan · 2019-03-06T23:28:16Z

src/v2/guide/instance.md

@@ -78,7 +85,8 @@ data: {
 }
 ```

-The only exception to this being the use of `Object.freeze()`, which prevents existing properties from being changed, which also means the reactivity system can't _track_ changes.
+Satu satunya pengecualian untuk ini adalah menggunakan `Object.freeze()`, yang mencegah properti untuk dirubah, yang juga berarti reaktifitas sistem yang tidak bisa _menarik_ perubahan.


dirubah-> diubah

Track, bukan menarik terjemahannya tapi melacak

mazipan · 2019-03-06T23:29:55Z

src/v2/guide/instance.md

@@ -96,12 +104,13 @@ new Vue({
 ```html
 <div id="app">
  <p>{{ foo }}</p>
-  <!-- this will no longer update `foo`! -->
+  <!-- ini tidak akan mengubah `foo`! -->


tidak akan lagi

mazipan · 2019-03-06T23:30:24Z

src/v2/guide/instance.md

  <button v-on:click="foo = 'baz'">Change it</button>
 </div>
 ```

-In addition to data properties, Vue instances expose a number of useful instance properties and methods. These are prefixed with `$` to differentiate them from user-defined properties. For example:
+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:


Permintaan-> instance

Ditetapkan pengguna, gak perlu dash lagi

mazipan · 2019-03-06T23:31:28Z

src/v2/guide/instance.md

@@ -113,39 +122,41 @@ var vm = new Vue({
 vm.$data === data // => true
 vm.$el === document.getElementById('example') // => true

-// $watch is an instance method
+// $watch adalah metode permintaan


Permintaan-> instance

mazipan · 2019-03-06T23:32:02Z

src/v2/guide/instance.md

 vm.$watch('a', function (newValue, oldValue) {
-  // This callback will be called when `vm.a` changes
+  // Panggilan balik ini akan di panggil ketika `vm.a` berubah


Panggilan balik (callback)

mazipan · 2019-03-07T02:13:40Z

src/v2/guide/instance.md

 })
 ```

-Although not strictly associated with the [MVVM pattern](https://en.wikipedia.org/wiki/Model_View_ViewModel), Vue's design was partly inspired by it. As a convention, we often use the variable `vm` (short for ViewModel) to refer to our Vue instance.
+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.


Masih berulang kata2nya.

Harusnya -> Meskipun tidak terkait ketat dengan

mazipan · 2019-03-07T02:14:30Z

src/v2/guide/instance.md

+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).
+
+
+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 :


Permintaan -> instance

berarti saya ubah semua kata permintaan jadi instance

mazipan · 2019-03-07T02:14:58Z

src/v2/guide/instance.md

-When a Vue instance is created, it adds all the properties found in its `data` object to Vue's **reactivity system**. When the values of those properties change, the view will "react", updating to match the new values.
+## Data dan Metode
+
+Ketika *Vue Instance* dibuat, ini menambah semua properti yang ditemukan di dalam objek `data` ke **sistem reaktif** milok Vue. Ketika nilai dari properti tersebut berubah, tampilanya akan "bereaksi", memperbarui untuk mencocokan dengan nilai yang baru.


mazipan · 2019-03-07T02:16:25Z

src/v2/guide/instance.md


-Each Vue instance goes through a series of initialization steps when it's created - for example, it needs to set up data observation, compile the template, mount the instance to the DOM, and update the DOM when data changes. Along the way, it also runs functions called **lifecycle hooks**, giving users the opportunity to add their own code at specific stages.
+## Siklus Hidup Pengait Permintaan


Permintaan->Instance

Siklus Hidup Pengait (Lifecycle Hook)

iqbalaqaba · 2019-03-07T02:40:30Z

Thank you atas reviewnya mas @mazipan 🚀

mazipan · 2019-03-07T02:41:59Z

Terima kasih kembali atas kontribusinya mas @iqbalaqaba

iqbalaqaba mentioned this pull request Mar 6, 2019

Halaman The Vue Instance #8

Closed

mazipan requested changes Mar 6, 2019

View reviewed changes

iqbalaqaba force-pushed the master branch from f87d35f to 9489a93 Compare March 6, 2019 16:14

mazipan requested changes Mar 6, 2019

View reviewed changes

iqbalaqaba added 4 commits March 7, 2019 09:05

Translate Bahasa Indonesia : Permintaan Vue

4a85487

fixed typo and few things

0bd9056

Update typo

4381217

updated another typo

f6aba54

iqbalaqaba force-pushed the master branch from 2baaecb to f6aba54 Compare March 7, 2019 02:05

mazipan requested changes Mar 7, 2019

View reviewed changes

updated translation of lifecycle hook

0a7fa97

mazipan approved these changes Mar 7, 2019

View reviewed changes

mazipan merged commit b523269 into vuejs-id:master Mar 7, 2019


		Every Vue application starts by creating a new Vue instance with the `Vue` function:
		Setiap aplikasi Vue dimulai dengan membuat Permintaan Vue dengan fungsi `Vue` seperti berikut :


		A Vue application consists of a root Vue instance created with `new Vue`, optionally organized into a tree of nested, reusable components. For example, a todo app's component tree might look like this:
		Ketika anda membuat permintaan Vue, anda mengirimkan objek pilihan. 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).

		Ketika anda membuat permintaan Vue, anda mengirimkan objek pilihan. 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).


		Sebuah aplikasi Vue terdiri dari permintaan dasar Vue yang dibuat dengan `new Vue`, secara opsional di atur ke dalam struktur pohon, komponen yang bisa digunakan ulang. Sebagai contoh, komponen aplikasi pengingat mungkin terliat seperti ini :


		A Vue application consists of a root Vue instance created with `new Vue`, optionally organized into a tree of nested, reusable components. For example, a todo app's component tree might look like this:
		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).


		Each Vue instance goes through a series of initialization steps when it's created - for example, it needs to set up data observation, compile the template, mount the instance to the DOM, and update the DOM when data changes. Along the way, it also runs functions called lifecycle hooks, giving users the opportunity to add their own code at specific stages.
		## Siklus Hidup Pengait Permintaan

Translate Bahasa Indonesia : Vue Instance #51

Translate Bahasa Indonesia : Vue Instance #51

Uh oh!

Conversation

iqbalaqaba commented Mar 6, 2019

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

iqbalaqaba commented Mar 6, 2019

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

iqbalaqaba commented Mar 7, 2019

Uh oh!

mazipan commented Mar 7, 2019

Uh oh!

Uh oh!