Vue事件绑定（v-on用法）
目录

一、v-on的基本使用

1.基本形式

2.案列展示

二、v-on的参数传递

1.基本传参

2.传其他参数

三、v-on的修饰词

1.阻止冒泡事件（stop，prevent）

2.修饰词可以串联

3.其他修饰词（不常用）

四、案例——简易计算器

一、v-on的基本使用

1.基本形式

两个点击按钮所执行的操作的相同的，1和2的区别在于，1的简写形式就是2。
```
	"app">
		<button v-on:click="change()">点击button>  
		 <button @click="change2()">点击button> 
	
```
<script>
const vm = new Vue({
el: '#app',
data() {
return {
}
},
methods: {
change() {
console.log('1111');
},change2() {
console.log('2222');
}
}
})
script>

2.案列展示

通过点击'+','-'按钮实行显示数字的增减。


 "app">
        <button @click="sum++">+button>
        <div>{{sum}}div>
        <button @click="sum--">-button>

    <script src="../js/vue.js">script>

<script>

        var vm = new Vue({

el: '#app',

data() {

return {

sum: 0,

}

},

})

script>

二、v-on的参数传递

1.基本传参


"app">
        <button @click="handle(4418)">点击button>

<script src="../js/vue.js">script>