vue 全局方法（单个和多个方法）

 

一、单个方法

新建goBack.js

var goBack = function() {
    xxx
}

export default goBack;


main.js中引入并定义
import goBack from '../static/js/goBack';
Vue.prototype.$back = goBack; //用$与组件内自定义的函数区分，其他符号也可以


组件中使用

go: function() {
    　　this.$back();               
    }

二、多个方法

新建all.js


exports.install = function(Vue, options) {
    Vue.prototype.$back = function() { //全局函数1
        xxx
    };
    Vue.prototype.$pushH = function() { //全局函数2
        xxx
    };
    Vue.prototype.$pushHN = function() { //全局函数3
        xxx
    };
};




main.js中引入并注册
import all from '../static/js/all';
Vue.use(all);//将全局函数当做插件来进行注册


组件中使用

go: function() {
          this.$back();               
    }