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来进行相应操作。