VUE是否有必要利用事件委托

Question

VUE是否有必要利用事件委托，还是VUE底层源码已经进行过处理！
例如
<ul>
<li v-for="....."></li>
</ul>
这种的话在UL标签上添加事件好，还是在LI上添加事件？还是说VUE在底层已经进行过处理，无所谓在哪里添加事件？

Answer 1

官方不推荐使用事件委托。

Is event delegation necessary?

Well, delegation has two main advantages: one is practical - it saves you from having to add (and remove!!) those listeners individually. But Vue already does that for you.

The other one is performance / memory. But since every click listener in a v-vor loop would use the same callback, this is minimal unless you have hundreds or thousands of rows.

And finally, you can use delegation pretty easily by adding an @click listener to the <ul> element instead of the children. But then you have to resort to checks on the click target to evaluate which item in your data it might represent. So I would only use that if you truly find any performance problems without delegation.