1、效果

金额保留两位小数，并加上单位元

2、index.html

    
         
             
     
     
          
      
              
       
        金额：{
   {item.productPrice*item.productQuentity  | formatMoney}}
       
 
               
       
        金额：{
   {item.productPrice*item.productQuentity  | money("元")}}
       
           
     

3、cart.js

/** * Created by kk on 2017/4/16. */new Vue({    el:"#app",    data:{        // title:"hello vue"        totalMoney:0,        productList:[]    },    filters:{formatMoney:function (value) {    return "￥"+value.toFixed(2)}    },    mounted:function () {        //类似于jquery中的ready方法        this.$nextTick(function () {            this.cartView();        })    },    methods:{        cartView:function () {    // this.title="Vue hello"            //var _this=this;            // this.$http.get("data/cart.json",{"id":123}).then(function (res) {
                //     _this.productList=res.body.result. productList;            //     _this.totalMoney=res.body.result.totalMoney;            // });//            这里使用了ES6语法=>将this指向外部，不用再使用_this 　　　　　　　　let _this=this;            this.$http.get("data/cart.json",{"id":123}).then(res=> {                this.productList=res.body.result. productList;            this.totalMoney=res.body.result.totalMoney;            });}    }}); 
     Vue.filter("money",function (value,type) {    return "￥"+value.toFixed(2)+type;});