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