Vue2.4.0+vue-source+express解决获取数据不成功问题

wis2007

于 2017-08-12 15:21:56 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏：技术文章

本文链接：https://blog.youkuaiyun.com/wis2007/article/details/77118599

技术文章专栏收录该内容

25 篇文章

订阅专栏

本文介绍了在Vue2.4.0版本中结合vue-source和Express框架，如何解决数据获取不成功的问题。通过对比旧版本和新版本的代码，阐述了关键改动及实现思路。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

旧版本代码如下：

var vm=new Vue({
        el:'.book',
        data:{
            books:[]
        },
        ready() {
            this.resource=this.$resource("/books{/id}");
            this.resource.get().then((data)=> {
                this.books=data.json();

            })
        }
    })

新版本代码如下：

var vm=new Vue({
        el:'.book',
        data:{
            books:[]
        },
        mounted:function () {
            this.resource=this.$resource("/books{/id}");
            this.resource.get().then((data)=> {
                this.books=data.body;
                //this.books=[{"name":"vue","price":30},{"name":"js","price":10},{"name":"jquery","price":30}];
            })
        }
    })

这里写图片描述