Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
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