Vuejs学习总结三（v-on/v-if/v-else-if/v-else）

概述

在前端开发中，我们经常用于交互，这个时候我们必须监听用户发生的事件，比如：点击，拖拽，键盘事件等等
在vuejs中，我们使用v-on指令来实现这个功能。

v-on简介

v-on
作用 ：	绑定监听事件
缩写：	@
预期：	Function Inline Statement Object
参数：	event

v-on 的使用

 <h2>{
   {
   counter}}</h2>
<!--  <button v-on :click="counter++">+</button>-->
<!--  <button v-on :click="counter&--;">-</button>-->
  <button v-on:click="increment">+</button>
  <button v-on:click="decrement">-</button>
</div>
<script src="../js/vue.js"></script>
<script>
    const app = new Vue({
   
        el: '#app',
        data: {
   
            counter: 0
        },
      methods: {
   
          increment() {
   
            this.counter++
          },
        decrement() {
   
          this.counter--
        }
      }
    })
</script>

v-on 对应的语法糖

v-on:click也可以写成@click。