<body>
<div id="demo">
你兜里有{{count}} 'count'
'此处v-model 绑定了一个count值 还绑定了一个input事件 input会自动接受传递过来的参数并赋值给count'
<vl-text v-model="count"> </vl-text> 'count'
</div>
</body>
<script>
var app = new Vue({
el:'#demo',
data:{
count:1000
},
components:{
'vlText':{ //template data mdehods 同级
template:'<div>\
<button @click="buttonadd"> + </button> \
</div>',
data:function(){
return{
tal:1000
}
},
methods:{
buttonadd:function(){
this.tal=this.tal+1000
'触发input事件 把this.tal 传递给v-model的count'
this.$emit('input',this.tal)
}
}
}
}
})
</script>
</html>
