我是vue的新手，我已经尽了最大的努力来解决这个问题，但我不确定下一步该尝试什么。
从本质上讲，我想改变我的应用程序中的光标从非活动到活动的某些项目-一些是链接，一些是div元素。我已经成功地在一条路由上隔离了这一点，但我想应用该脚本，以便所有路由都受到影响。
如果我必须在每条路线上重新创建这个解决方案，这不是一个大问题，但我想看看是否有更有效的方法。
在我的工作示例中，我使用这个方法：

export default {
  data() {
    return {
      hover: false,
      cursorActive: false
    };
  },
  methods: {
    handleCursorHover(s) {
      this.hover = s;
      this.cursorActive = s;
    }
  }
}

模板中的this（inactiveCursor和activeCursor是包含光标样式的css类）：

<main :class="{ inactiveCursor: !cursorActive, activeCursor: cursorActive }">
<div @mouseover="handleCursorHover(true)" @mouseleave="handleCursorHover(false)"></div>
</main>