在一个纯js文件里怎么调用另一个组件methods里的函数

如果要在一个纯 JavaScript 文件中调用另一个组件的 `methods` 中的函数，需要先确保该组件已经被加载到页面上，并且要通过实例化该组件来调用它的 `methods` 中的函数。具体步骤如下：

1. 在 HTML 文件中引入该组件的 JavaScript 文件，并在需要调用该组件的地方创建该组件的实例。例如，假设我们有一个名为 `MyComponent` 的组件，我们可以按照以下方式在 HTML 文件中引入该组件的 JavaScript 文件，并创建该组件的实例：

<!-- 引入 MyComponent 的 JavaScript 文件 -->
<script src="MyComponent.js"></script>

<!-- 在需要调用 MyComponent 的地方创建该组件的实例 -->
<div id="my-component"></div>
<script>
    const myComponent = new MyComponent({
        el: '#my-component'
    });
</script>

2. 在纯 JavaScript 文件中获取该组件的实例，并调用该组件的 `methods` 中的函数。可以通过 `Vue` 实例的 `$refs` 属性来获取该组件的实例。例如，如果我们想要调用 `MyComponent` 组件的 `myFunction` 函数，可以按照以下方式在纯 JavaScript 文件中获取该组件的实例，并调用 `myFunction` 函数：

// 获取 MyComponent 组件的实例
const myComponentInstance = myComponent.$refs.myComponentInstance;

// 调用 MyComponent 的 myFunction 函数
myComponentInstance.myFunction();

其中，`myComponent.$refs.myComponentInstance` 表示获取 `myComponent` 实例中名为 `myComponentInstance` 的组件实例。`myComponentInstance.myFunction()` 表示调用 `myFunction` 函数。

注意，如果该组件的 `methods` 中的函数需要传递参数，则需要将参数传递给该函数，例如：

// 调用 MyComponent 的 myFunction 函数，并传递两个参数
myComponentInstance.myFunction('参数1', '参数2');