vue循环列表，hover不起作用？

<li class="list-group-item"v-for="data in list">

优艾设计网_Photoshop论坛<divclass="dask"> <buttonclass="btn btn-primary"style="margin-left: 20px;"> 编辑</button> <button class="btn btn btn-warning">删除</button> </div>

</li>

$(".list-group-item").hover(
function () {
$(this).find(".dask").stop().delay(50).animate({"top":0,opacity:0.5},300)
},
function () {

$(this).find(".dask").stop().animate({"top":-200,opacity:0},300)

}
);

代码在上面，发现下面那个hover方法不起作用

我试着放入

v-on:mouseenter="enter" v-on:mouseleave="leave"

效果总是不尽人意

不知道大家有没有碰到过这种情况，可以讨论一下，总觉得是有解决办法的
（PS：这代码格式化我也是醉了……）

---

疯狂的小青蛙2014 优艾设计网_Photoshop论坛 21小时前

用了vue就抛弃jquery吧，不然以后代码还是很乱。直接在对应dom直接绑定对应方法就可以的，参考click事件。

---