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>