使用vue插件添加全局方法属性

版权声明：本文为博主原创文章，转载请注明出处 thx~ https://blog.csdn.net/x550392236/article/details/84109290

1、新建插件文件Plugins.js：

export default{
    install(Vue){
    	Vue.prototype.$const={//常量
            URL:"http://www.fly63.com/",//项目请求接口的url
        }
        Vue.prototype.$utils={//全局方法
            getUrlParam:function(name) {//获取url中的参数
		var reg = new RegExp('(^|&?)' + name + '=([^&]*)(&|$)', 'i');
		var r = window.location.href.substr(1).match(reg);
		if (r != null) {
			return decodeURI(r[2]);
		 }
		return undefined;
	    },
       }
    }
}

---

2、main.js入口函数，配置如下：

import Plugins from './assets/js/Plugins.js'// 引入

Vue.use(Plugins) //通过全局方法 Vue.use() 使用插件

---

3、在组件中的使用：

created:function(){
	console.log(this.$const.URL)；//调用常量
        var name=this.$utils.getUrlParam('name');//调用方法
},