Computed Vue js


<div id="app">
      {{ biodata }}
</div>

    <script src="vue.js"></script>
    <script>
    var vo = new Vue({
        el   : '#app',
        data : {
          nama: 'adit',
          umur: 100,
          biodata: '',
        },
        computed : {
          biodata : {
            get: function(){
              return this.nama +' umurnya '+this.umur
            },
            set: function(params){
              var credential = params.split(' ')
              this.nama = credential[0]
              this.umur = credential[1]
            }
          }
        }
      })
    </script>

Error di console: vue.js:491 [Vue warn]: The computed property "biodata" is already defined in data.

Link kelas: <a href=' https://sekolahkoding.com/kelas/belajar-vuejs-101/video/computed-properties '> https://sekolahkoding.com/kelas/belajar-vuejs-101/video/computed-properties </a>

avatar aditwalihadi
@aditwalihadi

4 Kontribusi 0 Poin

Diperbarui 6 tahun yang lalu

2 Jawaban:

 data : {
          nama: 'adit',
          umur: 100,
          //biodata: '', <-- solved gaperlu declare biodata di data..
        },
        computed : {
          biodata : {
            get: function(){
              return this.nama +' umurnya '+this.umur
            },
            set: function(params){
              var credential = params.split(' ')
              this.nama = credential[0]
              this.umur = credential[1]
            }
          }
        }
avatar aditwalihadi
@aditwalihadi

4 Kontribusi 0 Poin

Dipost 7 tahun yang lalu

<div id="app">
      {{ biodata }}
</div>

    <script src="vue.js"></script>
    <script>
    var vo = new Vue({
        el   : '#app',
        data : {
          nama: 'adit',
          umur: 100,
       // biodata: '', <= antara data dan computed, key-nya tidak boleh sama, kalo
       // sudah ada di computed ya,, nggak perlu lagi deklarasikan di bagian data lagi,
       // nanti Vue-nya bingung... :)
        },
        computed : {
          biodata : {
            get: function(){
              return this.nama +' umurnya '+this.umur
            },
            set: function(params){
              var credential = params.split(' ')
              this.nama = credential[0]
              this.umur = credential[1]
            }
          }
        }
      })
    </script>

Semoga membantu n Happy Hacking... :) !!!

avatar Itsdonnisnoni
@Itsdonnisnoni

55 Kontribusi 31 Poin

Dipost 6 tahun yang lalu

Tanggapan

thanks sangat membantu

Login untuk ikut Jawaban