vue-单独引入js文件,构造全局方法-取某个范围的随机数(百分比)案例
1.项目下建文件夹commonFunction->random.js 这个js文件内复制代码:
export default{
randomPercentage:function(a,b){ // 将真正的求随机数方法randomPercentage()通过export default暴露出去
switch(arguments.length){
case 1:
return (parseInt(Math.random()*a+1,10)+'%');
break;
case 2:
return (parseInt(Math.random()*(b-a+1)+a,10)+'%');
break;
default:
return 0;
break;
}
}
}
2.全局引入方法,main.js中:
import random from '../commonFunction/random'
Vue.prototype.random=random
非全局的引入方法在使用这个方法的页面:
import random from '../../commonFunction/random'
3.使用,在该页面:
test(){
console.log(this.random.randomPercentage(1,100))
}