vue的把封装的js挂载全局

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了vue的把封装的js挂载全局，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1497字，纯文字阅读大概需要3分钟。

内容图文

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=>{});

**

内容总结

以上是互联网集市为您收集整理的vue的把封装的js挂载全局全部内容，希望文章能够帮你解决vue的把封装的js挂载全局所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---