Vue 子组件事件监听问题

Question

瞎转悠时发现了一个Vue和组件之间事件监听传递数值的例子：

https://codepen.io/rhamner/pe...

不过后来发现它引用相关的元素时用的居然还是用的jquery
如31行和33行的 $()
（引用 的js文件里面也有jquery，删除该js会导致代码运行报错）

如果修改代码去除对这个jquery的依赖？

我在那个组件里template 里面加上
ref='chart_id'

然后在
mounted()里面改成如下：
this.$refs.chart_id.$on('plotly_hover', this.hover);

但好像没用？

应该怎么改呢？
总感觉可以不用jquery实现同样的效果。
谢谢！