从 Vue 应用程序外部调用 Vue 方法 (Vue Webpack CLI)

Question

我需要从我的应用程序外部调用一个方法。我正在使用 Vue CLI。我的方法在一个组件中，看起来像这样：

export default { 
  name: 'home',
  ...
  methods: {
    theMethodINeedToCall() {
      // does stuff
    }
  }

我一直在寻找访问 theMethodINeedToCall() 的方法。当您不使用 Vue CLI 时，到达那里并不难，但是使用 CLI，我似乎找不到自己的路那里。

Answer 1

如果方法与组件无关，最好将方法托管在组件外部

最后组件只是一个对象，只需在你想要的地方导入组件并调用方法即可；

import MyComponent from './path/'

MyComponent.methods.theMethodINeedToCall();

Call a Vue method from outside the Vue app (Vue Webpack CLI)