Vue列表 — 事件委托

前言

作为疯狂的操纵dom转到vue这样通过数据驱动的程序员来说，姿势的转换也自然产生了很多疑问。
比如，事件委托。
包括我看现在公司的前端代码，发现所有列表的绑定形式都是：

    

        Click Me
    

然后这样的话，结果就是所有的li元素都绑定了事件。

比如下图就是一个失败案例

我们都知道，过多的事件对于性能来说是很糟糕的，尤其在移动端，可以说是无法容忍。

解决方案

直接上代码：

通过在li元素中额外加一个data-index就可以实现委托啦~

最后，让我们再看一下结果：