Vuejs实践--事件绑定

Vue中的事件绑定一般通过v-on指令来绑定事件：

事件绑定

v-on：事件绑定的表达式的值可以是js语句，也可以是在methods选项中定义好的方法名(有参数的时候当然需要传参),

在vue事件中，如果要用到事件对象e，要将e作为形参传入函数，并且在执行该函数的时候，传入实参$event,该参数包含事件的一些信息：如事件源（事件发生在谁身上），事件类型等

HTML部分

<div id="container">
		<!-- js表达式 -->
		<span>{
  {initNum}}</span>
		<button @click="initNum++">点我加一</button>
		<!-- 函数名 -->
		<span>{
  {initNum}}</span>
		<button @click="addTen(10,$event)">点我加十</button>
		<!-- 函数名 -->
		<span>{
  {initNum}}</span>
		<button @click="addTwo">点我加二</button>
		<a href="www.baidu.com" @click="goto('禁止打开',$event)" >百度一下</a>
	</div>