Vue自定義函數掛到全局方法

方法一:使用Vue.prototype

//在mian.js中寫入函數

Vue.prototype.getToken = function (){
  ...
}

//在全部組件裏可調用函數

this.getToken();

方法二:使用exports.install+Vue.prototype

// 寫好本身須要的fun.js文件

exports.install = function (Vue, options) {
    Vue.prototype.getToken = function (){
       ...
    };
};

// main.js 引入並使用

import fun from './fun'
Vue.use(fun);

//在全部組件裏可調用函數

this.getToken();

在用了exports.install方法時，運行報錯exports is not defined

解決方法：

export default {
    install(Vue)  {
        Vue.prototype.getToken = {
           ...
        }
    }
}

方法三：使用全局變量模塊文件

Global.vue文件：

<script>
    const token='12345678';

    export default {
        methods: {
            getToken(){
                ....
            }
        }
    }
</script>

在須要的地方引用進全局變量模塊文件，而後經過文件裏面的變量名字獲取全局變量參數值。

<script>
import global from '../../components/Global'//引用模塊進來
export default {
    data () {
        return {
            token:global.token
        }
    },
    created: function() {
        global.getToken();
    }
}
</script>