Vue浮点数计算的精度问题（例：3*0.1=0.30000000004）

因为计算机内部的信息都是由二进制方式表示的，即0和1组成的各种编码，但由于某些浮点数没办法用二进制准确的表示出来，也就带来了一系列精度问题。

// 两个数值相乘直接展示，可以直接写在行内
<div>{{ ((num1 * 100000) * num2) / 100000 }}</div>

input框直接显示值的情况下，直接输入是没有任何问题

如果点击旁边的按钮，每次加减0.1的时候，就需要再定义一个参数辅助解决

// 如果数值是0.1的加减，就会出现精度问题，这个时候需要多定义一个值，辅助解决精度问题
<img @click="compute('sub')" src="../static/c_sub.png" />
<input v-model.number="raiseNum" type="number" ></input>
<img @click="compute('add')" src="../static/c_add.png" />

data() {
    return {
        raiseNum: 0,
        // 解决精度问题
        numFixed: 0,
    }
}

// 加减兑换、提现数量
compute(n) {
    if(n == 'sub') {
        if(this.raiseNum > 0) {
            this.numFixed -= 0.1* 100000
            this.raiseNum = this.numFixed / 100000
        }
    }
    if(n == 'add') {
        this.numFixed += 0.1* 100000
        this.raiseNum = this.numFixed / 100000
    }
    // 四舍五入确保只有两位小数，二次保障
    this.raiseNum = this.raiseNum.toFixed(2)
},