vue中的事件处理

一、事件的基本使用

 

1、用法

（1）、使用v-on:xxx绑定事件，或者@xxx 绑定事件，例：@click=“函数名”，函数写在vue实例的methods中

（2）、函数后面加括号可以直接传参，默认传参event，手动传参需要使用$event占位，不然会默认不传参event

<div id="root">
        <h2>欢迎来到{
  {name}}学习</h2>
        <!-- <button v-on:click="showInfo">点我提示信息</button> -->
        <button @click="showInfo1">点我提示信息1(不传参)</button>
        <button @click="showInfo2($event,66)">点我提示信息2(传参)</button>
</div>

<script type="text/javascript">
    Vue.config.productionTip = false

    new Vue({