最近更新的列表详情最新实践的vue @tap事件怎么绑定的?

如题,最近更新的列表详情最新实践中有一段代码:
在listview.html中:
<!--列表信息流 开始-->
<div id="list" class="mui-scroll-wrapper">
<div class="mui-scroll">
<ul class="mui-table-view">
<li class="mui-table-view-cell mui-media" v-for="item in items">
<a href="javascript:;" :data-guid="item.guid" @tap="open_detail(item)">
<img class="mui-media-object mui-pull-left" :src="item.cover">
<div class="mui-media-body">
<div class="mui-ellipsis-2">{{item.title}}</div>
</div>
<div class="meta-info">
<div class="author">{{item.author}}</div>
<div class="time">{{item.time}}</div>
</div>
</a>
</li>
</ul>
</div>
</div>
<!--列表信息流 结束-->

很好奇他是怎么使用的.因为用addEventListener()方法监听某个特定元素来进行事件绑定感觉相当麻烦,
而mui好像又禁止了vue中的@click事件,看了好几遍代码,没发现他引用了哪些外部js文件.或者只能自己去自定义进行tap事件绑定了吗?所以只好在这里问了,希望有所了解的朋友能回复一下.