js的计算有精度问题，在业务处理中总是会出现莫名其妙的数据，在这里我们使用decimal.js解决计算精度问题。
然而decimal.js直接使用如果多个值相加（或相减）会十分的麻烦，所以针对全是加/减/乘/除某一项的操作做了简单的封装。

1.npm安装decimal.js

$ npm install --save decimal.js

or

$ npm add decimal.js

2.在common文件夹中创建一个js的文件

我喜欢放在common中，大家随意。。。

3.在js文件中引入decimal.js并开始简单的封装

import { Decimal } from "decimal.js";
// args第一位为被操作数据

//加法
function add(...args) {
    let result = new Decimal(args[0]);
    for (let i = 1; i < args.length; i++) {
        result = result.add(new Decimal(args[i]));
    }
    return result.toNumber();
}
//减法
function sub(...args) {
    let result = new Decimal(args[0]);
    for (let i = 1; i < args.length; i++) {
        result = result.sub(new Decimal(args[i]));
    }
    return result.toNumber();
}
//乘法
function mul(...args) {
    let result = new Decimal(args[0]);
    for (let i = 1; i < args.length; i++) {
        result = result.mul(new Decimal(args[i]));
    }
    return result.toNumber();
}
//除法
function div(...args) {
    let result = new Decimal(args[0]);
    for (let i = 1; i < args.length; i++) {
        result = result.div(new Decimal(args[i]));
    }
    return result.toNumber();
}

export default {
    add,
    sub,
    mul,
    div
};

4.使用

（1）全局使用，在main.js引入封装的js文件并挂到vue上

import decimal from "./common/decimal";
Vue.prototype.decimal = decimal;

其他页面使用只需要

let a = this.decimal.add(1,2,3,4);
console.log(a); //10

（2）页面单独引入使用

import decimal from "./common/decimal";

let a = decimal.add(1,2,3,4);
console.log(a); //10

大概就这样了，这只是简单的进行封装，如果有复杂的使用，如a-b+c*d/e这种，大家可以根据业务进行封装。
以上，如有啥问题或更好的想法请指教。^ ^