Vue实战时用到的API(三)：$event可以看到 $event 竟然有着这么多的东西，首先是事件的类型，这里是鼠标事

在开发中，经常用到$event,所以这里把这个给大家打印看看这到底是啥？看一段代码：

<div @click="demoFun($event)" class="demo">点我</div>
<script>
  new Vue({
  el:'.demo',
  methods:{
    demoFun($event){
      console.log($event)
    }
  }
})

这段代码就是我们点击这个 div 后，会输出 $event ，让我们来看下输出：可以看到 $event 竟然有着这么多的东西，首先是事件的类型，这里是鼠标事件。还有点击的位置等等，这里给大家提一个比较常用的属性，也就是 $event.target 。 4{{2@39A0L{G8LP1%5G0}6R.png 很明显就是触发事件的元素，这样我们就可以通过js去改变这个元素的样式或者一些其他的Dom操作！