vue中使用mathjs解决计算精度问题

vue使用mathjs，解决前端计算精度不足问题
在前端开发过程中，你会发现0.1 * 0.2 != 0.2 如下图

他居然等于0.020000000000000004…
为什么会这样大家可以百度，涉及到10进制和2进制的转换问题，我们暂不讨论，我们先来解决这个问题。

现在有现成的库给我们调用 math.js
首先先安装依赖

npm install mathjs --save

然后再需要计算的页面调用

import * as math from 'mathjs'

加法

// 原本
console.log(0.1 + 0.2) // 0.30000000000000004
// 用math.js之后
const addNumber = math.format(
  math.add(
  	math.bignumber(0.1),math.bignumber(0.2)
  )
)
console.log(addNumber) // 0.3

减法

// 原本
console.log(1 - 0.9) // 0.09999999999999998
// 用math.js之后
const subtractNumber = math.format(
  math.subtract(
      math.bignumber(1), math.bignumber(0.9)
  )
)
consol(subtractNumber) // 0.1

乘法

// 原本
console.log(10 * 1.2 * 0.3) // 3.5999999999999996
// 用math.js之后
const multiplyMumber = math.format(
  math.multiply(
      math.bignumber(10), math.bignumber(1.2), math.bignumber(0.3)
  )
)
console.log(multiplyMumber) // 3.6

除法

// 原本
console.log(1.2 / 3) // 0.39999999999999997
// 用math.js之后
const divideNumber = math.format(
  math.divide(
      math.bignumber(1.2), math.bignumber(3)
  )
)
console.log(divideNumber) // 0.4

成熟的第三方库
math.js (百度math.js npm)
Math.js是一个用于JavaScript和Node.js的扩展数学库。它具有支持符号计算的灵活表达式解析器，大量内置函数和常量，并提供了集成的解决方案来处理不同的数据类型，例如数字，大数，复数，分数，单位和矩阵。强大且易于使用。

cdn:https://mathjs.org/download.html
npm:
npm install mathjs
引入：import * as math from "mathjs"
调用方法：
函数调用法：math.add(math.sqrt(4), 2)
表达式法： math.eval('sqrt(4) + 2')
链接操作法：math.chain(4).sqrt().add(2)
常用方法：
math.sqrt(4) 开方
math.add( ) 加
math.subtract( )减
math.divide( ) 除
math.multiply( )乘