vue如何将方法单独抽象出来

在vue的开发中，有时候会有一些方法在很多组件中都会使用到，就如同有一些模块会在很多地方使用到的时候，我们会使用组件化，将模块单独抽出来，在需要引用就好，同理，可以将方法单独抽出来，在需要的时候调用就好。

const GeneralMethods = {
  domId (id) {
    return document.getElementById(id)
  }
}

export default GeneralMethods

先在新建的js文件中定义一个变量，然后在里面写方法，最后export default出来

在需要的地方先引用再调用

import GeneralMethods from '@/lib/GeneralMethods.js'

// 调用

let a = GeneralMethods.domId('divid')

export default class GeneralMethods = {
  constructor(map) {
    // 构造函数
	this.map = map
 }
 // 自定义方法
 ...
}

引入和使用的方法与上面稍有不同

引入不需要import，直接在需要的地方require引入，然后new

const GeneralMethods = require(//方法文件路径)
let a = new GeneralMethods(this.map)

方法抽象