Vue 方法与事件

<div id='app'>
  // 方法没有参数可以省略括号
  <div v-on:click="handle"></div> 
  // 有参数要加括号
  <div v-on:click="handle()"></div>
  // 或者传入参数
  <div @click="handle(8)"></div> 
</div>

var app = new Vue({
  el: '#app',
  data: {
    count: 0
  },
  methods: {
    handle: function(count) {
	  count = count || 1
	  this.count = count
	}
  }
})

如果方法中带有参数，但是绑定事件时没有加括号，默认传递的参数是原生事件对象 event

修饰符

<div id='app'>
  <div @click="divclick">
	<button @click.stop="btnclick">按钮</button>
  </div>
  // 与上面的效果相同
  <div @click.self="divclick">
	<button @click="btnclick">按钮</button>
  </div>

  // 每次提交表单都会重载页面
  <form action="" @submit.prevent="handle">
	&l