vue前端金额千分位格式化且保留两位小数

在Vue前端中，你可以使用`number.format()`方法或者一些第三方库来进行金额的格式化，通常会将数字转换成包含千分位分割符和固定两位小数的形式。这里推荐使用`vue-i18n-compat`中的`formatNumber`函数，它提供了更好的国际化支持。

<template>
  <div>
    {{ formattedAmount }}
  </div>
</template>

<script>
import { formatNumber } from 'vue-i18n-compat';

export default {
  data() {
    return {
      amount: 12345.6789,
    };
  },
  computed: {
    formattedAmount() {
      return formatNumber(this.amount, {
        separator: ',',
        decimal: '.',
        precision: 2,
      });
    },
  },
};
</script>

在这个例子中，`amount`变量存储原始金额，`formattedAmount`计算属性会将其格式化为"12,345.68"（保留两位小数）。