vue2.x自定义组件上使用v-model指令

我们都知道v-model是双向数据绑定经常用到的指令，今天学习到在组件上使用v-model指令，感觉还挺不错的，分享一下

<div id="app">

<p>总数{ {total}}</p>

<my-component v-model="total"></my-component>

</div>

<script>

Vue.component('my-component',{

template:'<button @click="handleClick">+1</button>',

data:function(){

return {

counter:0

}

},