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

Question

我在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

预先感谢

Answer 1

必须在方法中声明。

B.vue

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

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