Javascript 从Vue.js组件数据中导入的帮助器类调用函数

我正试图从我的

Vue.js

组件中导入的助手
类中调用
JavaScript
函数。我在我的
组件
中导入
我的助手
类
，并尝试使用
mounted（）
调用它，并将参数传递给助手
类

我在这里尝试了一些解决方案，但无济于事：


这就是我到目前为止尝试过的，有什么想法吗

我有一个助手类
myHelper.js
：

export default myHelper {
    myHelperFunction(param) {
        return param;
    }
}

我有一个
Vue
组件
MyComponent.Vue
：

<template>
  <v-text-field :rules="[myRule]"></v-text-field>
</template>

<script>
import myHelper from './myHelper.js';

export default {
  name: 'MyComponent',
  data() {
    return {
      myCls: new myHelper(),
      myRule: this.callHelperFunction,
    };
  },
  components: {
    myHelper,
  },
  mounted() {
    this.myCls.myHelperFunction();
  },
  methods: {
    callHelperFunction(param) {
      this.myCls.myHelperFunction(param);
    }
  },
};
</script>


从“./myHelper.js”导入myHelper；
导出默认值{
名称：“MyComponent”，
数据（）{
返回{
myCls:新的myHelper（），
myRule:this.callHelperFunction，
};
},
组成部分：{
我的助手，
},
安装的（）{
this.myCls.myHelperFunction（）；
},
方法：{
callHelperFunction（参数）{
this.myCls.myHelperFunction（param）；
}
},
};
您没有真正导出类。这是一个普通的物体。要导出类而不是对象，请执行以下操作：

// Notice the use of class keyword
export default class MyHelper {
    myHelperFunction(param) {
        return param;
    }
}

此外，您不需要：

components: {
    myHelper,
},

代码的其余部分保持不变
 您并不是真正导出类。这是一个普通的物体。要导出类而不是对象，请执行以下操作：

// Notice the use of class keyword
export default class MyHelper {
    myHelperFunction(param) {
        return param;
    }
}

此外，您不需要：

components: {
    myHelper,
},

代码的其余部分保持不变