Vue与axios整合时，访问Vue实例

最新推荐文章于 2022-04-03 20:41:43 发布

周周Blog

最新推荐文章于 2022-04-03 20:41:43 发布

阅读量2.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： Web 文章标签：实例异步 app

本文链接：https://blog.youkuaiyun.com/qq_32120645/article/details/74187981

Web 专栏收录该内容

5 篇文章

订阅专栏

本文展示了一个Vue实例创建过程中的异步数据获取方法。通过使用axios库在created生命周期钩子中发起GET请求来更新Vue实例的数据属性。该示例说明了如何在Vue应用中集成外部API数据。

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

新建一个Vue实例，在created方法中使用axios发起异步请求

 var app = new Vue({
        el:"#app",
        data :{
            message: 'Hello Vue!',
            goods:[]

        },
     created(){        axios.get('/goods/homeGoods').then(function(response) {
                this.goods=response.data
                console.log(this.goods.catelogGoods1)
                // console.log(response);
                //在这里需要bind(this)，才能访问到Vue实例中的data
            }.bind(this))

        }}
    )