vue的事件绑定是绑定到html元素本身吗？

Question

<ul>
    <li v-for="(item, index) in data" @click="handleClick(index)">
        Click Me
    </li>
</ul>

vue的click应该不是绑定在li元素上，那li的事件绑定在哪个元素上？是和react一样绑定在document上吗？

Answer 1

https://defed.github.io/Vue%E...

/* @flow */

import { warn } from 'core/util/index'

export default function on (el: ASTElement, dir: ASTDirective) {
  if (process.env.NODE_ENV !== 'production' && dir.modifiers) {
    warn(`v-on without argument does not support modifiers.`)
  }
  el.wrapListeners = (code: string) => `_g(${code},${dir.value})`
}

源码是这样的，绑定的应该是当前节点，传进了一个element进去

源码地址：https://github.com/vuejs/vue/...

希望对您有用

Answer 2

这样写没错啊

Answer 3

不是绑定到元素本身的，和react一样的。不确定是不是绑定到document上还是根元素上，总之就是一个事件委托