Vue保留两位小数

在Vue.js中，你可以使用过滤器（Filters）或计算属性（Computed Properties）来保留两位小数。

1. 使用过滤器（Filters）：
   在模板中使用过滤器可以格式化数据并保留指定的小数位数。你可以自定义一个名为`decimal`的过滤器，如下所示：

 <span>{{ price | decimal }}</span>

   在Vue实例中定义过滤器：

Vue.filter('decimal', function(value) {
     if (!value) return '0.00';
     return value.toFixed(2);
   });

   上述代码会将`price`的值保留两位小数并输出到模板中。

2. 使用计算属性（Computed Properties）：
   如果需要在Vue实例中多次使用保留两位小数的值，建议使用计算属性。计算属性可以根据响应式数据动态地计算出一个新的值。下面的例子展示了如何创建一个计算属性来保留两位小数：

  new Vue({
     data: {
       price: 10.45678
     },
     computed: {
       formattedPrice: function() {
         if (!this.price) return '0.00';
         return this.price.toFixed(2);
       }
     }
   });

   在模板中使用计算属性：

  <span>{{ formattedPrice }}</span>

   这样，`formattedPrice`会自动根据`price`的值保留两位小数并输出到模板中。

以上两种方法都可以用来保留两位小数。你可以根据具体需求选择使用过滤器或计算属性。