0
点赞
收藏
分享

微信扫一扫

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


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'); // 调用方法
}


举报

相关推荐

0 条评论