kenapa setiap ane tulis v-model, wrapper app nya jadi gak kerender..?

gan.. ane baru belajar vuejs. pada tutor komentar vuejs. kenapa saat ane tulis v-model di tag texarea nya, wrapper el: #app nya jadi tidak kerender..? screenshot kalau v-model di hapus maka bisa kerender

index.php

<?php
//get header
	include "header.php";
?>
<!--container-->
<div class="container">
<!--row-->
	<div class="row">
	<!--wrapper komments-->
		<div id="app">
			<div class="col-xs-12 col-md-4" style="margin-top: 50px;">

				<komentar v-for="get_comment in db_comments" :data_coment="get_comment"></komentar>

				<!-- setiap di tuli v-model=" " kog <div id="app"> jadi gak kerender..? -->
				<textarea v-model="text_comment"></textarea>
			</div>
		</div><!--end wrapper-->

	</div><!--end row-->
</div><!--end container-->

<?php
//get template
	include "template/koment.php";
//get footer
include "footer.php";
?>

mainvue.js


Vue.component('komentar',{
	//template name
	template : '#comment-template',
	//nama props data
	props:['data_coment'],
	data: function(){
		return{
			plus: false,
			minus: false
		}
	},
	methods: {
		//fungsi belikan dia sate
		berikan: function(){
			this.plus  = !this.plus
			this.minus = false
		},
		//fungsi jambret sate nya
		ambil: function(){
			this.minus = !this.minus
			this.plus = false
		},
	},
	computed: {
		//hitung jumlah sate
		sate: function(){
			if( this.plus )
				//jika this.plus di klik maka sate nambah 1
				//jika di klik lagi satenya jadi kurang satu
				return this.data_coment.sate + 1
			else if( this.minus )
				//jika this.minus di klik maka sate kurang 1
				//jika di klik lagi jumlah sate nya tetap
				return this.data_coment.sate -1
			else
				//tampilkan hasil jumlah sate
				return this.data_coment.sate
		}
	}

})

var	 vm = new Vue({
	el: "#app",
	data:{
		//get data from db with api or any
		db_comments:[
		{ body: ' Mantab gan tutorial nya', time:'9-09-1999', sate: 2 },
		{ body: ' Belajar Vue js', time:'10-09-1999', sate: 9 },
		{ body: ' uvu vue vue vwe', time:'19-09-1999', sate: 15}
		]
	},
	// methods:{
	// 	postComment: function(){
	// 		this.data_coment.push(
	// 		{ body: this.text_comment, time:'9-09-1999', sate: 2 }
	// 		)
	// 	}
	// }

});

avatar arepsv
@arepsv

100 Kontribusi 64 Poin

Diperbarui 7 tahun yang lalu

1 Jawaban:

Jawaban Terpilih

Update.. Beda versi ternyata.. :) Tadinya pake vue 2.0 turun ke vue v1

avatar arepsv
@arepsv

100 Kontribusi 64 Poin

Dipost 7 tahun yang lalu

Login untuk ikut Jawaban