vue 引入的方法如何直接渲染在页面上？

Question

<template>
    <div style="margin: 10px;">
        {{numberToChinese(501)}}
    </div>
</template>

import {numberToChinese} from '@/utils/common.js'

有个封装好的数字转大写的方法，我这样用报错了。怎么回事呢 怎样才能渲染在页面上

Answer 1

computed:{
    numberToChinese(){
        return numberToChinese
    }
}

Answer 2

赋值到methods:{
numberToChinese
} 你在试试

Answer 3

把方法赋值给当前页面的methods或filter，或者给vue的原型上