用了自己項目數(shù)據(jù)字典作為案例，

首先定義好每個請求方法（remote是項目中自己定義的數(shù)據(jù)字典接口請求方法），每個方法return出下一個請求需要的數(shù)據(jù)。

      dictA(){
        return remote('log_type').then(response => {
          const code = response.data.code;
          if (code === 0) {
            console.log('aaaaaaaa','log_type')
            return 'social_type'
          }
        });
      },
      dictB(type){
        return remote(type).then(response => {
          const code = response.data.code;
          if (code === 0) {
            console.log('bbbbbbbbbb',type)
            return 'job_type'
          }
        });
      },
      dictC(type){
        return remote(type).then(response => {
          const code = response.data.code;
          if (code === 0) {
            console.log('cccccccccccc',type)
            return '哈哈哈哈哈哈哈哈哈哈'
          }
        });
      },

promise方式處理

      dictAll(){
        this.dictA().then(res =>{
          return this.dictB(res)
        }).then(res => {
          return this.dictC(res)
        }).then(res => {
          this.test = res
          console.log(this.test)
        })
      },

async/await方式處理

      async dictAll(){
        let A = await this.dictA()
        let B = await this.dictB(A)
        this.test = await this.dictC(B)
        console.log(this.test)
      },

兩種方式控制臺打印如下

image.png

頁面渲染成功

<div>{{test}}</div>

image.png