javascript - 如何使用模板中其他Vue的组件

我在A.js文件中编写了一个函数，但是我想用它来处理B.vue模板中的字符串，但是出现错误TypeError：_vm.translatecomponent不是函数，我是vue的新手，你能告诉我吗我怎么了

A.js
export function traslate(originalValue){
  return originalValue
}

B.vue
 .......
 <el-button type="primary">{{translatecomponent(searchFunc.queryText)}}</el-button>
</template>

<script>
import { translatecomponent } from '@/directive/index' //this is file path

提前致谢

最佳答案

必须在方法中声明。

葡萄球菌

<script>
  import { translatecomponent } from '@/directive/index' //this is file path

  export default {
    ...
    methods:{ translatecomponent }
  }
</script>