Translate bahasa indonesia dari : Vue Computed Property & Watcher #59

iqbalaqaba · 2019-03-07T03:50:11Z

Hasil translate bahasa indonesia dari : Vue Computed Property & Watcher 🚀

mazipan · 2019-03-07T04:19:25Z

src/v2/guide/computed.md

@@ -1,60 +1,61 @@
 ---
-title: Computed Properties and Watchers
+title: Pengamat dan properti penghitung


Tetep tambahin aslinya mas, Properti Penghitung (Computed) dan Pengamat (Watchers)

mazipan · 2019-03-07T04:20:00Z

src/v2/guide/computed.md

 type: guide
 order: 5
 ---

-## Computed Properties
+## Properti Penghitung (Computed Properties)


Yang dikurung cukup computed aja.
Properti sudah cukup familiar

Tapi sebenarnya sudah gak perlu lagi, karena di title kita sudah kasih tau yang kita maksud adalah computed.
Jadi bisa pakai Properti Penghitung tanpa kurung lagi

mazipan · 2019-03-07T04:21:05Z

src/v2/guide/computed.md

-## Computed Properties
+## Properti Penghitung (Computed Properties)
+
+Pernyataan *In-template* sangatlah mudah, tapi mereka dibuat untuk operasi yang sederhana. Memberikan terlalu banyak logika di *template* anda dapat menyebabkan mereka berat dan susah untuk dipelihara. Sebagai Contoh :


tapi mereka -> tapi hal tersebut

dapat menyebabkan mereka berat -> dapat menyebabkan menjadi berat

mazipan · 2019-03-07T04:22:24Z

src/v2/guide/computed.md


 ``` html
 <div id="example">
  {{ message.split('').reverse().join('') }}
 </div>
 ```

-At this point, the template is no longer simple and declarative. You have to look at it for a second before realizing that it displays `message` in reverse. The problem is made worse when you want to include the reversed message in your template more than once.
+Pada poin ini, *template* tidak lagi sederhana dan deklaratif. Anda harus melihat itu untuk beberapa saat sebelum menyadari bahwa itu menampilkan *`message`* secara terbalik. Masalahnya diperburuk ketika anda ingin memasukan pesan terbalik itu kedalam *template* anda lebih dari sekali.


Ganti anda jadi Anda

mazipan · 2019-03-07T04:23:24Z

src/v2/guide/computed.md


-That's why for any complex logic, you should use a **computed property**.
+Itulah kenapa, untuk logika yang kompleks, anda harus menggunakan **properti penghitung**.


Koma disini jadi gak cocok.
Kenapa diganti dengan mengapa

mazipan · 2019-03-07T04:25:00Z

src/v2/guide/computed.md


-You can data-bind to computed properties in templates just like a normal property. Vue is aware that `vm.reversedMessage` depends on `vm.message`, so it will update any bindings that depend on `vm.reversedMessage` when `vm.message` changes. And the best part is that we've created this dependency relationship declaratively: the computed getter function has no side effects, which makes it easier to test and understand.
+Anda bisa melakukan *data-bind* ke properti penghitung di *template* seperti properti normal. Vue sadar bahwa `vm.reversedMessage` tergantung dengan `vm.message`, jadi itu akan merubah semua yang terkait dengan `vm.reversedMessage` ketika `vm.message` berubah. Dan bagian terbaiknya adalah kita telah membuat hubungan *dependency* secara deklaratif : penghitung fungsi *getter* tidak mempunyai efek samping, yang membuat itu menjadi lebih mudah untuk di coba dan di pahami.


di coba -> dicoba
di pahami -> dipahami

mazipan · 2019-03-07T04:28:13Z

src/v2/guide/computed.md

 methods: {
  reverseMessage: function () {
    return this.message.split('').reverse().join('')
  }
 }
 ```

-Instead of a computed property, we can define the same function as a method instead. For the end result, the two approaches are indeed exactly the same. However, the difference is that **computed properties are cached based on their dependencies.** A computed property will only re-evaluate when some of its dependencies have changed. This means as long as `message` has not changed, multiple access to the `reversedMessage` computed property will immediately return the previously computed result without having to run the function again.
+Selain properti penghitung, kita dapat menetapkan fungsi yang sama sebagai metode. Untuk hasil akhirnya, dua pendekatan memang sama persis. Tetapi, perbedaanya adalah **properti penghitung *(computed property)* di simpan berdasarkan *dependencies* mereka.** Sebuah properti penghitung hanya akan mengevaluasi ulang ketika salah satu *dependencies* mereka telah berubah. Ini berarti selama `message` belum berubah, semua akses ke `reversedMessage` properti penghitung akan langsung kembali ke hasil penghitungan sebelumnya tanpa harus menjalankan ulang fungsi tersebut


Sudah gak perlu dijelaskan pakai (computed property)

mazipan · 2019-03-07T04:28:51Z

src/v2/guide/computed.md


-### Computed vs Watched Property
+### Properti Penghitung (Computed Property) vs Properti Pengawas (Watched Property)


Ini juga udah gak perlu kurung lagi

mazipan · 2019-03-07T08:18:59Z

Udah beres ya mas @iqbalaqaba ? Saya merge ya

iqbalaqaba · 2019-03-07T08:30:48Z

Mantap mas @mazipan thank you 😄

iqbalaqaba added 6 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

updated translation of lifecycle hook

0a7fa97

Translate Bahasa Indonesia : Properti Penghitung & Pengawas

6782d25

iqbalaqaba mentioned this pull request Mar 7, 2019

Halaman Computed Properties and Watchers #10

Closed

mazipan requested changes Mar 7, 2019

View reviewed changes

fixed typos and translation

ec740aa

mazipan approved these changes Mar 7, 2019

View reviewed changes

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

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Translate bahasa indonesia dari : Vue Computed Property & Watcher #59

Translate bahasa indonesia dari : Vue Computed Property & Watcher #59

iqbalaqaba commented Mar 7, 2019

mazipan Mar 7, 2019

mazipan Mar 7, 2019

mazipan Mar 7, 2019

mazipan Mar 7, 2019

mazipan Mar 7, 2019

mazipan Mar 7, 2019

mazipan Mar 7, 2019

mazipan Mar 7, 2019

mazipan Mar 7, 2019

mazipan Mar 7, 2019

mazipan commented Mar 7, 2019

iqbalaqaba commented Mar 7, 2019


		That's why for any complex logic, you should use a computed property.
		Itulah kenapa, untuk logika yang kompleks, anda harus menggunakan properti penghitung.


		You can data-bind to computed properties in templates just like a normal property. Vue is aware that `vm.reversedMessage` depends on `vm.message`, so it will update any bindings that depend on `vm.reversedMessage` when `vm.message` changes. And the best part is that we've created this dependency relationship declaratively: the computed getter function has no side effects, which makes it easier to test and understand.
		Anda bisa melakukan data-bind ke properti penghitung di template seperti properti normal. Vue sadar bahwa `vm.reversedMessage` tergantung dengan `vm.message`, jadi itu akan merubah semua yang terkait dengan `vm.reversedMessage` ketika `vm.message` berubah. Dan bagian terbaiknya adalah kita telah membuat hubungan dependency secara deklaratif : penghitung fungsi getter tidak mempunyai efek samping, yang membuat itu menjadi lebih mudah untuk di coba dan di pahami.


		### Computed vs Watched Property
		### Properti Penghitung (Computed Property) vs Properti Pengawas (Watched Property)

Translate bahasa indonesia dari : Vue Computed Property & Watcher #59

Translate bahasa indonesia dari : Vue Computed Property & Watcher #59

Conversation

iqbalaqaba commented Mar 7, 2019

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

mazipan commented Mar 7, 2019

iqbalaqaba commented Mar 7, 2019