import Vue from 'vue'import {ToastPlugin} from 'vux'import api from './api/api'//引入封裝好的api模塊，和使用的toast彈出窗，彈窗可以選擇任何框架的看起來(lái)比較好看的彈窗組件Vue.use(ToastPlugin);//toast初始化let vm = new Vue();//創(chuàng)建實(shí)例，是因?yàn)閠oast彈窗依賴它所以這里要?jiǎng)?chuàng)建個(gè)實(shí)例，去調(diào)用彈窗用Vue.prototype.dilog = function (value) { vm.$vux.toast.show({ text: value || "業(yè)務(wù)處理成功", type: 'text', width: "5rem", position: 'middle' });};//陷阱，只要接口狀態(tài)改變就會(huì)調(diào)用此方法var interceptor = { set: function (recObj, key, value) { vm.dilog(value); //彈出層，value就是api返回的狀態(tài)值 return this }};//創(chuàng)建代理以進(jìn)行偵聽(tīng)var proxyEngineer = new Proxy(api, interceptor);Vue.prototype.api = proxyEngineer;//將api替換為新的實(shí)例

class API { constructor(){ this.massages = "業(yè)務(wù)處理成功!"; //定義信息狀態(tài)屬性 //當(dāng)前接口錯(cuò)誤提示 this.code='000000'||'999999' } post(params, callback, dailog, errcallback = function () { //錯(cuò)誤信息回調(diào)}) { //dailog 是是否需要在初始化彈窗，比如一個(gè)列表通常不需要加載完了彈出一個(gè)加載成功，或者獲取數(shù)據(jù)成功什么的。Boolean，通常只需要在點(diǎn)擊某事件時(shí)候使用，或者是初///始化數(shù)據(jù)報(bào)錯(cuò)使用  //this.code 代表狀態(tài)碼 let config={}; config.data = params.data||{}; var url = `${base}${params.url}.do`; var dailog = dailog; //封裝了axios的post方法 return axios.post(url, config.data, config, dailog).then(res => {  let rst = res.data;  if (rst.code === '000000' || rst.code === '999999') {  callback&&callback(rst.result||{});  if (dailog) {  //根據(jù)dailog 值來(lái)判斷需不需要彈窗   this.massages = rst.message;  }  }else{  errcallback && errcallback();  this.massages=rst.message;  //監(jiān)聽(tīng)massages的變化  }  //這里如果返回this返回的是代理對(duì)象的this  return res }).catch(e => {  console.log(e) }) }}const api = new API();export default api//代碼核心地方其實(shí)就是在類上定義了信息字段，通過(guò)massages值變化來(lái)反饋信息

 this.api.post(params, res => {  //你需要執(zhí)行的邏輯 // 再也不需要寫(xiě)什么  //this.$msg(res.value) 這類的代碼，代理已經(jīng)都幫你處理完了 }) 

let target = {};let proxy = new Proxy(target, {});proxy.name = "proxy";console.log(proxy.name); // "proxy"console.log(target.name); // "proxy"target.name = "target";console.log(proxy.name); // "target"console.log(target.name); // "target"proxy攔截代理了target

let target = {name: "target"};let proxy = new Proxy(target, {set(trapTarget, key, value, receiver) {// 忽略已有屬性，避免影響它們if (!trapTarget.hasOwnProperty(key)) {if (isNaN(value)) {throw new TypeError("Property must be a number.");}}// 添加屬性return Reflect.set(trapTarget, key, value, receiver);}});// 添加一個(gè)新屬性proxy.count = 1;console.log(proxy.count); // 1console.log(target.count); // 1// 你可以為 name 賦一個(gè)非數(shù)值類型的值，因?yàn)樵搶傩砸呀?jīng)存在proxy.name = "proxy";console.log(proxy.name); // "proxy"console.log(target.name); // "proxy"http:// 拋出錯(cuò)誤proxy.anotherName = "proxy";