vue2.0 渲染金额，过滤问题

Question

你好，请问vue2.0 渲染金额数据时如果用{{ }}页面中会出现{{ }}字样，然后采用v-text，怎么用过滤器实现￥ 3.00 元，而页面不出现{{ }}字样

Answer 1

v-html 同时，结合computed属性使用就行了。

new Vue({
    ...
    data:{
        price:3
    },
    computed:{
        format_price:function(){
            return  "￥"+this.price*1.00；
        }
    }
})

<span v-text="format_price"></span>