VUE中自定义全局公共函数

方法一:使用Vue.prototype

//在mian.js中写入函数

Vue.prototype.getData = function (){
  //函数方法
}

//在所有组件里可使用以下方法调用函数

this.getData();

方法二：使用全局变量模块文件

Zhix.vue文件：

<script>
    const token='zhix.net';

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

在需要的地方引用进全局变量模块文件，然后通过文件里面的变量名字获取全局变量参数值。

<script>
import zhix from '../../components/Zhix'//引用模块进来
export default {
    data () {
        return {
            token:zhix.token
        }
    },
    created: function() {
        zhix.getToken();
    }
}
</script>