运用v-text、v-html、v-on指令
计数器
步骤：
1.data中定义数据：num
2.methods中添加两个方法：add（增加），sub（减少）
3.使用v-text将num设置给span标签
4.使用v-on将add，sub分别绑定给+，-按钮
5.增加的逻辑：小于10累加，否则提示
6.减少的逻辑：大于0递减。否则提示
注意：
1.创建Vue实例时：el（挂载点），data（数据），methods（方法）
2.v-on指令的作用是绑定事件，简写为@
3.方法内部通过this，关键字获取data中的数据
4.v-text指令的作用是：设置元素的文本值，简写为{{}}
5.v-html指令的作用是：设置元素的innerHTML
<div class="input-num">
<button @click="sub">-</button>
<span>{{ num }}</span>
<button @click="add">+</button>
</div>
var app = new Vue({
el:"#app",
data:{
num:0
},
method:{
add:function(){
if(this.number<10){
this.number++;
}else{
alert("已到达最大值！");
}
},
sub:function(){
if(this.number>0){
this.number--;
}else{
alert("已到达最小值！");
}
}
}
})
