vue 使用 prototype 实现 函数 和 参数 的全 局使用

vue 使用 prototype 实现 函数 和 参数 的 全局使用

• 实现思路：首先创建js文件，将函数和参数放在文件内，然后再main.js里面注册，最后在index.vue里面引用

1. requestType.js文件 — 我是将文件放在（新建）src文件夹下面

//requestType.js


//===========引入其他文件参数的方法
// 引入接口名文件
import urlPack from './urlPack.js';
// 取出接口前缀
const serverUrl = urlPack.serverUrl;

//接口
const search = '/search';



// post请求
function postRequest(url, data){
	return new Promise((resove, reject) => {
		uni.request({
			url: serverUrl + url,
			method: "POST",
			data: data || '',
			success: (res) => {
				console.log(res)
				resove(res)
			},
			fail: (err) => {
				console.log(err)
				reject(err)
			}
		})	
	})

}

// 将接口请求函数,参数暴露出去  -----这里注意如果是暴露参数的话,要在定义之后，才能暴露出去
export default{
	//函数
	postRequest,
	
	//参数
	serverUrl,
	
}

2.在main.js中注册全局

//main.js
// 注册全局接口请求文件
import requestType from 'src/requestType.js'
Vue.prototype.requestType = requestType

3.在index.vue中调用

let data = {
			'keywords' : '让酒' 
};

//this.requestType.postRequest 是 函数调用
//this.requestType.search 是 参数调用
this.requestType.postRequest(this.requestType.search, data)