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