vue 在另一个js里可以通过router.currentRoute的matched循环里m.components.default.methods找到方法，但是怎么去调用呢？this用不了

在Vue.js中，当你想要在一个组件外部（如另一个JavaScript文件或非组件内的函数）访问路由组件里的方法时，由于`this`关键字是在组件实例内部创建的，所以直接使用可能会遇到问题。解决这个问题通常需要借助Vue提供的事件系统或ref。

1. 使用自定义事件（$emit/$on）：你可以从外部通过事件来触发方法。首先，在方法上绑定一个事件发射，然后在外部监听这个事件并调用对应的方法：

// 路由组件内的方法
methods: {
  myMethod() {
    this.$emit('myCustomEvent');
  }
}

// 在另一个JS文件中
router.currentRoute.matched.forEach((route) => {
  const component = route.component;
  if (component && component.myComponentRef) { // 假设有个ref名为myComponentRef
    component.myComponentRef.$on('myCustomEvent', function () {
      component.myComponentRef.myMethod(); // 调用方法
    });
  }
});

2. 使用ref：如果你可以确保外部能够访问到该组件实例，可以使用`ref`属性获取到组件实例，并通过它来调用方法：

<template>
  <div ref="myComponentRef"></div> <!-- 在组件模板中添加ref -->
</template>

<script>
export default {
  methods: {
    someMethod() {
      this.$refs.myComponentRef.someMethod();
    }
  }
}
</script>

在外部文件中：

router.currentRoute.matched.forEach((route) => {
  const component = route.component;
  if (component) {
    // 确保你已经有一个名为'myComponentRef'的ref引用
    component.myComponentRef.someMethod();
  }
});

这两种方法都可以帮助你在非组件上下文中调用方法，但需要注意的是，确保在正确的时间和上下文执行这些操作。