RE: RE: Vue.js实战笔记
You are viewing a single comment's thread from:

RE: Vue.js实战笔记

Words
61
Reading
1 min
Listen
Play
7y

对于常用的重复使用的代码,可以把它写成公共方法,然后在全局使用即可。

主要有两步:
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