vue 中使用v-text绑定数据时使用过滤器报错，使用{{}}不报错。

Question

<div class="item-total">                                Item total: <span class="total-price" v-text="totalPrice | unitFilter2('元')"></span></div>这样写报“unitFilter2 is not defined”<div class="item-total">                                Item total: <span class="total-price">{{totalPrice | unitFilter2('元')}}</span></div>这样写正确但我在网上查询说{{}}是v-text的简写，这是什么原因呢？

Answer 1

错误和v-text无关，是vue2.0不让在插值表达式和v-bind外的地方使用管道。

Filters can now only be used inside text interpolations ({{}} tags). 
In the past we've found using filters with directives such as v-model, v-on etc. 
led to more complexity than convenience, and for list filtering on v-for
it is more appropriate to move that logic into JavaScript as computed properties.