如何使用模板中其他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>