0
点赞
收藏
分享

微信扫一扫

vue计数器小案例

西街小学的王 2022-01-06 阅读 71

计数器初始值为零,点击加减

<div id="app">
    <h2>当前计数:{{counter}}</h2>
  <button v-on:click="sub">-</button>
  <button v-on:click="add">+</button>
</div>

<script src="../js/vue.js"></script>
<script>
    const app = new Vue({
        el:"#app",
        data:{
            counter:0
        },
      methods:{
          add:function () {
            this.counter++
          },
          sub:function () {
            this.counter--
        }
      }
    })
</script>

没有上限和下限,可添加限制

举报

相关推荐

0 条评论