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

Question

我在 A.js 文件中编写了一个函数，但我想用它来处理 B.vue 模板中的字符串，但我收到错误 TypeError: _vm.translatecomponent is not a function, i am new to 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>