前言

本文次要介绍在vuecli3中如何引入bignumber.js,并用其解决浮点数精度失落的问题,使得前端也能释怀的进行浮点数的计算~~上面开始注释~

相干链接

API
GitHub地址
CDN引入地址

引入形式

  1. CDN引入
    vuecli3中,CDN引入插件次要分为四个步骤:

    // 第一步 在index.html中引入<script src="https://cdn.bootcdn.net/ajax/libs/bignumber.js/9.0.1/bignumber.min.js"></script>// 第二步 在vue.config.js文件中配置configureWebpack: {    externals: {        'bignumber': 'BigNumber'    }}// 第三步 在main.js中利用const BigNumber = require('bignumber');Vue.use(BigNumber);// 第四步 在业务代码中应用test(){    const n1 = new BigNumber(0.1);    const n2 = n1.plus(0.2)    return n2;},
  2. 把包装置到本地