vue中 运算四舍五入保留2位小数

在Vue.js中，如果你想对数字进行四舍五入并保留两位小数，可以使用JavaScript内置的toFixed()函数。这个函数会返回一个新的字符串，表示原数值按指定的小数位数进行四舍五入。

例如，在模板中，你可以这样做：

<template>
  <div>
    {{ number | formatNumber(2) }}
  </div>
</template>

<script>
export default {
  computed: {
    formattedNumber: {
      get() {
        return this.number.toFixed(2);
      }
    },
    // 或者如果你想要一个自定义的方法，可以在methods里定义
    // formatNumber(value) {
    //   return Number(value).toFixed(2);
    // }
  },
  data() {
    return {
      number: 3.141592653589793,
    };
  }
}

这里的`|`是过滤器（filter），用于在模板中应用计算。在这个例子中，`formatNumber(2)`会被传递给`toFixed(2)`，结果会是一个保留两位小数的字符串。