2.filter--过滤器

1.引入vue

<script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script>

2.使用

 <!-- 过滤器 -->
    <!-- toFixed(2)  小数点后两位 -->
    <div id="app">
        {{msg | format(3)}}
    </div>
    <script>
        var vm=new Vue({
            el:"#app",
            data:{
                msg:99.2451
            },
            filters:{
                /* val就是msg   params就是管道修饰符("|")后面函数传递过来的参数*/
                format(val,params){
                    return "$"+val.toFixed(params);   
                }
            }
        })
    </script>

例子

 <td>{{item.productPrice*item.productCount | format(2)}}</td>
  filters:{
    /* val就是msg   params就是管道修饰符("|")后面函数传递过来的参数*/
    format(val,params){
      return "$"+val.toFixed(params);   
    }
},