过滤器

<!-- 第一个容器 -->
<div id="app">
    <h2>{{goods1.name}}</h2>
    <h4>价格：{{rmb_price}}</h4>
    <h4>价格：{{us_price}}</h4>
    <h4>价格：{{goods1.price | toRMB}}</h4>
    <h4>价格：{{goods1.price | toUS}}</h4>
    <hr>
    <h2>{{goods2.name}}</h2>
    <!-- 过滤器只能在插值表达式 和  v-bind表达式中使用。通过“管道符” | 指定使用具体的过滤器。
	原理就是将“管道符”左边的值传给“管道符”右边的方法去处理，并返回处理过后的结果。 -->
    <h4>价格：{{goods2.price | toRMB}} <input type="text" :value="goods2.price | toRMB"></h4>
    <h4>价格：{{goods2.price | toUS}} <input type="text" :value="goods2.price | toUS"></h4>
</div>
<div>=================================================</div>
<!-- 第二个容器 -->
<div id="app2">
    <h2>{{goods1.name}}</h2>
    <h4>价格：{{goods1.price | toRMB}}</h4>
    <h4>价格：{{goods1.price | toUS}}</h4>
    <h2>{{message}}</h2>
    <h2>{{message | strReverse}}</h2>
</div>