Vue解析一之挂载全局变量与方法

1、在mian.js里面进行Vue对象的原型连的挂载Vue.prototype.$ajax = Ajax;

2、使用Mixin:

VuVue.mixin({
    data(){
        return {
            Host:window.location.href.split('/gonghui')[0]
        }
    },
    methods:{
        parameterDeal(_parameter){
            var _sender="";
            if(_parameter instanceof Object){
                for(var k in _parameter){
                    _sender+=k+"="+_parameter[k]+"&";
                }
                return _sender.replace(/\&$/g,"");
            }else{
                return _parameter;
            }
        },
        createXMLHttpRequest(){
           try{
               return new window.XMLHttpRequest();
           }catch(e){
               try{
                   return new ActiveXObject("MSXML2.XMLHTTP.6.0");
               }catch(e){
                   try{
                       return new ActiveXObject("MSXML2.XMLHTTP.3.0");
                   }catch(e){
                       try{
                           return new ActiveXObject("MSXML2.XMLHTTP");
                       }catch(e){
                           try{
                               return new ActiveXObject("Microsoft.XMLHTTP");
                           }catch(e){
                               throw new Error("该浏览器版本太低,已经被大部分市场淘汰,请升级!!!");
                               return;
                           }
                       }
                   }
               }
           }
       },
        $ajax(_method,_url,_async,_parameter,_callBack){
        	_url=this.Host+_url;
            var that=this;
            var _ajax=this.createXMLHttpRequest();
            if(_ajax){
                _ajax.open(_method,_url,_async);
                _ajax.onreadystatechange=function(){
                    if(_ajax.readyState==4 && _ajax.status==200){
                        _callBack(JSON.parse(_ajax.responseText));
                    }else{
                 // 	console.log(_ajax.readyState);
                    }
                }
                _ajax.setRequestHeader("content-type","application/x-www-form-urlencoded;charset=utf-8");
                try {
                    _ajax.send(that.parameterDeal(_parameter));
                } catch (e) {
                    return false;
                } finally {
                    return false;
                }
            }
        }
   }
})

  在组件里面使用this.$ajax;this.Host即可使用;

转载于:https://www.cnblogs.com/yiyi17/p/7521179.html

你可能感兴趣的:(Vue解析一之挂载全局变量与方法)