vue中常用的ajax库

VUE vue

创建时间:2019-12-26 23:42

字数:174 阅读:

vue-resource
axios
1. vuew-resource使用

vue-resource

在vue1.0 使用比较广泛的第三方库
axios
在vue2.0+中使用，官方推荐的第三方库

vuew-resource使用

参考地址： https://github.com/pagekit/vue-resource
实例：

<body>
    <div id="app">
        {{repData}}

    </div>
    <script src="node_modules/vue/dist/vue.js"></script>
    <script src="node_modules/vue-resource/dist/vue-resource.js"></script>
    <script>
        var vm = new Vue({
            el: "#app",
            data: {
                repData: []
            },
            created(){
                this.$http.get('http://127.0.0.1:8000/recorder/project/1/').then(responce=>{
                //    回调函数需要使用箭头函数{this Vue实例}，不然this代表window
                //     console.log(responce.data)
                    this.repData = responce.data

                },responce=>{
                    // 异常处理
                    prompt(responce.statusText)

                    })
            }
        })
    </script>

</body>

转载请注明来源，欢迎对文章中的引用来源进行考证，欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论，也可以邮件至 jaytp@qq.com

vue中常用的ajax库

vue-resource

axios

vuew-resource使用