Vue中添加自定义函数

在做vue项目的时候难免会自己写一些特定需求的函数，那么如何在vue中添加自定义函数呢。

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

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

            #  逻辑

        }；

在页面就可以用this.xxxx来调用自定义函数了。

如我们在vue中经常使用的axios库，可以在main.js中这样定义:Vue.prototype.$http=axios；这样在组件中就可以使用this.$http来进行相应 *** 作。

1、新建html文档，在head标签中引入vue的js文件。

2、在body标签中添加一个id为“app”的div标签。

3、在这个div标签中再添加一个div标签，在vue中添加一个变量数据。

4、用浏览器打开html文档，这时可以在页面中看到被v-html指令添加的html元素。

---