如何删除对jquery的依赖性

Question

[当我研究如何将Plotly与Vue集成时，我发现了这个示例：

https://codepen.io/rhamner/pen/MXgWqJ

它符合我的要求，但需要jquery js，我想删除jquery js文件的依赖性。

我试图将波纹管代码添加到组件中

ref='chart_id'

并且在mounted（）中，我将其更改为以下名称：

this.$refs.chart_id.$on('plotly_hover', this.hover);

但是看起来好像不起作用。

如何更改代码，我只是认为它应该能够以另一种方式排除jquery，以节省一页加载的移动时间。

谢谢！

Answer 1

jQuery仅在mounted中用于两个绑定，可以轻松地用普通JavaScript重写它们：

//...
mounted() {
  this.Plot();
  document.querySelector('#' + this.divId).addEventListener('plotly_hover', this.hover);
  this.$watch('data', this.Plot, {
    deep: true
  });
  window.onresize = this.onResize;
},
//...

在此处无需jQuery即可查看它的工作：https://codepen.io/andrei-gheorghiu/pen/YzyPXxz