前端vue项目使用Decimal.js做加减乘除求余运算

在Vue项目中使用decimal.js进行高精度的数值计算，首先需要安装decimal.js库：

npm install decimal.js

然后在Vue组件中引入并使用decimal.js：

// 引入Decimal.js
import Decimal from 'decimal.js';
 
export default {
  methods: {
    // 加法
    add(a, b) {
      return new Decimal(a).add(new Decimal(b)).toString();
    },
    // 减法
    subtract(a, b) {
      return new Decimal(a).sub(new Decimal(b)).toString();
    },
    // 乘法
    multiply(a, b) {
      return new Decimal(a).mul(new Decimal(b)).toString();
    },
    // 除法
    divide(a, b) {
      return new Decimal(a).div(new Decimal(b)).toString();
    },
    // 求余
    modulo(a, b) {
      return new Decimal(a).mod(new Decimal(b)).toString();
    }
  }
}

在模板中使用这些方法：

<template>
  <div>
    <p>加法结果: {{ add('1.23', '4.56') }}</p>
    <p>减法结果: {{ subtract('5.67', '2.45') }}</p>
    <p>乘法结果: {{ multiply('7.89', '6.54') }}</p>
    <p>除法结果: {{ divide('9.87', '3.21') }}</p>
    <p>求余结果: {{ modulo('15', '4') }}</p>
  </div>
</template>

请确保传递给计算方法的参数是字符串形式的，因为Decimal.js需要字符串或数字作为输入。如果你的数值是从Vue的data属性中获取的，请先将它们转换为字符串。