新手求助： Chrome 扩展中， Vue 怎样为当前页面注入 listener

[wwjvtwoex]

在 content_script 中想要实现一个功能：
如果用户打开的网页包含表格，注入一个鼠标事件监听者

JQuery 代码：$('table').click(fn)

Vue ?

[noe132]

Array.prototype.forEach.call(document.querySelectorAll('table'), v => {
v.addEventListener('click', fn, false)
})

[marsLeo]

我想到方案是：
1. 在 Vue 中注册事件
```
let app = new Vue();
app.$on('tableClick', data => {
console.log('start table fn ....', data);
})
```

2. 在页面中触发 Vue 事件
```
$('body').on('click', 'table', e => {
app.$emit('tableClick', e);
})
```
个人拙见，欢迎讨论