vue基础----v-on

1.目的

        给标签绑定事件

2.语法

        1.v-on:事件名="要执行的==少量代码=="

        2.v-on:事件名="methods中的函数"

        3.v-on:事件名="methods中的函数(实参)"

3.简写

        简写: @事件名="methods中的函数"

4.代码

<p>你要买商品的数量: {{count}}</p>
<button v-on:click="count = count + 1">增加1</button>
<button v-on:click="addFn">增加1个</button>
<button v-on:click="addCountFn(5)">一次加5件</button>

<button @click="subFn">减少</button>


<script>
    methods: {
            // this代表export default后面的组件对象(下属有data里return出来的属性)
            addFn(){ 
                this.count++
            },
            addCountFn(num){
                this.count += num
            },
            subFn(){
                this.count--
            }
        }
</script>

methods属性就是用来写事件内容的