Vue中axios同步请求数据写法(结合ES7中的async和await)

const app = new Vue({

      el: '#app',

      data: {

        comments: [ ]

      },

      methods: {

        async getComments () {

          /* axios.get('http://localhost/comments/getComments.php').then(res => {

            this.comments = res.data.result

          }) */

          // const {data: {code, result}} = await axios.get('http://localhost/comments/getComments.php')

          // this.comments = result

          try {

            const res = await axios.get('http://localhost/comments/getComments.php')

            this.comments = res.data.result

          } catch (err) {

            // 对错误信息进行处理

          }

        }

      },

      created () {

        /*

          尽量不要直接在create中写大量代码,应该现在methods中封装一个函数,再在created中调用

          async一定需要重新封装函数

        */

        this.getComments()

      }

    })

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容