如何与vue.js中的事件处理函数共享在一个函数中声明的画布对象

Question

我想共享在a的一种方法中声明的canvas元素的2Dcontext 具有事件处理程序功能的组件，该怎么办？

我试图在数据函数和道具中声明，但是它似乎不起作用，还有其他选择吗？

<canvas ref="graph" @mousemove="showToolTip"></canvas>
drawGraph() {
      var graphCanvas = this.$refs.graph;
      ctx = graphCanvas.getContext("2d");
}
 showToolTip(event){
    ctx.save();
    ctx.fillText(toolTipVal,mouseX,mouseY)
    ctx.restore();
}