vue可以实现jquery那种事件委托的机制吗

Question

我有一个列表 是写死的 不是v-for出来的 我想给每个li绑定click事件 在vue里可不可以实现只给ul绑定事件 然后每个li都能触发，而且能获取到当前点击的li的index 还是说必须给每个绑定事件呢

                <ul>
                    <li class="tab-item show"><a href="">资产详情</a></li>
                    <li class="tab-item"><a href="">相关照片</a></li>
                    <li class="tab-item"><a href="">投资记录</a></li>
                    <li class="tab-item"><a href="">还款计划</a></li>
                </ul>

Answer 1

可以。
ul上绑定事件，li上加下标，以便ul事件通过target知道元素的下标值，从而控制data，控制UI。
刚好写了篇文章：详细的戳这里>>

Answer 2

可以在ul上面增加点击事件，然后获取到event的target进行判断，不过可能就是没有jq封装的那么易用吧。

Answer 3

既然你做的是数据驱动，那你还抛弃不了jq那套么！你应该写个数组把数据存进去用v-for来渲染.....
当然有个简单的方式能解决这个问题你的li 里面肯定有个active这个属性那么你只用使用watch来监听这个变化从而调用change方法就行了。还是一句既然是vue就别老想jq..