一、所有组件可调用

1、方法一：Vue.prototype

在mian.js中写入函数

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

在所有组件里可调用函数

this.getToken();

2、方法二：exports.install+Vue.prototype

写好自己需要的公共JS文件(fun.js)

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

main.js 引入并使用

import fun from './fun'   // 路径示公共JS位置决定
Vue.use(fun);

所有组件里可调用函数

this.getToken();

可能遇到的问题：在用了exports.install方法时，运行报错exports is not defined
解决方法：

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

二、组件内引用调用

1、模块化 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>

2、自定义 .js 文件

自定义 .js 组件

function getAA(){
  console.log('1111111')
}
export {
  getAA
}

在需要的组件中，引用该 .js ,再调用该函数

<script>
import Test from '../../../static/js/test.js'     //引用模块进来
export default {
    data () {return {}},

    created: function() {
        Test.getAA();
    }
}
</script>