对于常用的重复使用的代码,可以把它写成公共方法,然后在全局使用即可。
主要有两步:
1.utils -> 定义方法或变量,export
2.main.js中导入并挂载到全局。
//utils/getstr.js
const getstr = function(){
function randomString(length, chars) {
let result = ''
for (let i = length; i > 0; --i) result += chars[Math.floor(Math.random() * chars.length)]
return result
}
return randomString(5, '0123456789abcdefghijklmnopqrstuvwxyz')
}
export {getstr}
//main.js
import {getstr} from "./utils/getstr"
Vue.prototype.getstr = getstr
全局即可使用:this.getstr
RE: Vue.js实战笔记