vue定义全局的方法

1. 在main.js中挂载

Vue.prototype.getToken = function() {
   console.log("getToken")
}

在所有组件里可调用函数

this.getToken() // 'getToken'

2. 引用全局js文件

首先创建全局js文件

export function getToken() {
  console.log('getToken3333333333');
}

在组件中引用

<script>
import  {getToken}  from '../common/fun'
export default {
  mounted() {
    getToken(); // 'getToken3333333333' 
　}, 
} 
</script>

3. 使用全局变量模块文件

首先创建全局Global.vue文件

<script>
const token='12345678';
export default {
  token,
  methods: {
    getToken() {
      // ....
      console.log("getToken222222222");
    },
  },
};
</script>

在组件引入

<script>
import gloabal  from './Global.vue'
export default {
  mounted() {
    console.log(gloabal.token); //  '12345678'
    gloabal.methods.getToken(); //  'getToken222222222'
　}, 
} 
</script>