前言本文主要介绍如何在vuecli3中引入bignumber.js，并用它来解决浮点数丢失精度的问题，让前端也能安心计算浮点数~~下面开始正文~相关链接APIGitHub地址CDN导入地址导入方法CDN导入在vuecli3中，CDN导入插件主要分为四步：//第一步引入//第二步在vue.config.js文件中配置configureWebpack:{externals:{'bignnumber':'BigNumber'}}//第三步在mainApplyconstBigNumberin.js=require('bignumber');Vue.use(BigNumber);//第四步，在业务代码中使用test(){constn1=newBigNumber(0.1);constn2=n1.plus(0.2)returnn2;}，在本地安装包//第一步npminstallnpminstallbignumber.js//我在全局mixins.js文件中引入//关于mixins，你可以查看vue官网或者我的另一篇文章importBigNumberfrom'bignumber.js';letmixins=Vue.mixin({methods:{$_count(arr,way){//arr表示要计算的值数组如[1,2,3];//way表示要进行的操作执行，如次数，加letresult=0;arr=arr.map(item=>Number(item));//取第一项作为初始值，跟随每一项进行操作result=arr.拼接（0，1）[0]；arr.forEach(item=>{//此时arr已经因为拼接方法丢失了第一个itemresult=(newBigNumber(result))[way](item);})returnresult;}}})exportdefaultmixins;//第三步使用alert(this.$_count([0.1,0.2],'plus'));//'0.3'alert(this.$_count([22,5,10],'minus'));//'7'alert(this.$_count([-1,10,88],'times'));//'-880'结论上面我们列出了bignumber.js的两种导入方法和常用方法。更多方法也可以参考官方文档。使用方法大致相同~~
