Vue中添加自定義函數

在做vue項目的時候難免會自己寫一些特定需求的函數，那麼如何在vue中添加自定義函數呢。首先科普一下知識，main.js裡面是放全局變量的，App.vue裡面是在浏覽器打開，裡面放顯示頁面的内容。router下的index.js中内容是路由路徑

我的方法是在main.js中寫入：

Vue.prototype.xxxx(自己定義的方法名)= function (){

        #  邏輯

    }；
           

在頁面就可以用this.xxxx來調用自定義函數了。

如我們在vue中經常使用的axios庫，可以在main.js中這樣定義:Vue.prototype. h t t p = a x i o s ； 這 樣 在 組 件 中 就 可 以 使 用 t h i s . http=axios；這樣在元件中就可以使用this. http=axios；這樣在元件中就可以使用this.http來進行相應操作。