使用vue插件添加全局方法属性
1、新建插件文件Plugins.js:export default{install(Vue){Vue.prototype.$const={//常量URL:"http://www.fly63.com/",//项目请求接口的url}Vue.prototype.$utils={//全局方法ge...
·
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'); // 调用方法
}
更多推荐
已为社区贡献6条内容
所有评论(0)