vue 全局方法（單個和多個方法）

一、單個方法

1. 新建goBack.js

   var goBack = function() {
       xxx
   }
   export default goBack;

    

2. main.js中引入並定義

   import goBack from '../static/js/goBack';
   Vue.prototype.$back = goBack; //用$與組件內自定義的函數區分，其他符號也可以

    

3. 組件中使用

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

二、多個方法

1. 1. 新建all.jsexports.install = function(Vue, options) {

          Vue.prototype.$back = function() { //全局函數1
              xxx
          };
          Vue.prototype.$pushH = function() { //全局函數2
              xxx
          };
          Vue.prototype.$pushHN = function() { //全局函數3
              xxx
          };
      };
      

       

   2. main.js中引入並註冊

      import all from '../static/js/all';
      Vue.use(all);//將全局函數當做插件來進行註冊

       

   3. 組件中使用

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