Postingan lainnya
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
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>
0
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]
}
}
}
0
<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... :) !!!
0
Tanggapan
thanks sangat membantu