vue的把封装的js挂载全局

vue的把封装的js挂载全局

一般在使用自己写的js或者模板js，需要很多位置使用，就要不停的引入，特别麻烦，尤其是复用率高的，这时候我们就把他挂载全局，其他地方就可以不用在引入很方便的使用了。
下边我就写一个js和挂载、

import Vue from 'vue'
const config={
	  apiBaseUrl:"http://192.XXX.XXX.XX:XX/api/", 
	  }

function getRequest(url, data,response, error){
  uni.request({
          url: config.apiBaseUrl + url,
          method: 'GET',
          data: data,
          header: {
            'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8',
            'arenaId':uni.getStorageSync('venue').id
          },
          success: res=> {
            return response(res)
          },
          fail: err=> {
            return error(err)
          }
        })
}

function postRequest(url, data,response, error) {
      uni.request({
      url: config.apiBaseUrl + url,
      method: 'POST',
      data: data,
      header: {
        "content-type":"application/x-www-form-urlencoded;charset=utf-8",
        'arenaId':uni.getStorageSync('venue').id
       },
      success: res=> {
        return response(res)
      },
      fail: err=> {
        return error(err)
      }
    })
  
}

function postRequestBody(url, data,response, error) {
   
  uni.request({
    url: config.apiBaseUrl + url,
    method: 'POST',
    data: data,
    header: {
      'context-type': 'application/json',
      'arenaId':uni.getStorageSync('venue').id
     },
    success: res=> {
      return response(res)
    },
    fail: err=> {
      return error(err)
    }
  })

}

 

export default function(Vue) {
 //添加全局API 接口函数挂载在http 上
 Vue.prototype.http = {
  getRequest ,
  postRequest,
  postRequestBody
 }
}

然后main.js配置

import http from "static/http/https.js"//上边文件的位置
Vue.use(http)；

使用时
**

直接this.http就可以获取挂载在http上的函数
this.http.getRequest ('api',{},res=>{},err=>{});

**