前端Vue-then方法和catch方法

then、catch方法

• ​​then()裡寫兩個參數​​
• ​​主要差別：​​

1、then()方法是異步執行。

當.then()前的方法執行完後

再執行then()内部的程式，這樣就避免了，資料沒擷取到的問題。

通常用在ajax請求後面

2、catch()方法防止因為錯誤而造成系統崩潰

在程式邏輯中, 需要在易出現問題的邏輯代碼片段上,

加持catch方法, 這樣做可以捕獲錯誤, 但是不會影響整個程式運轉;

then()裡寫兩個參數

第一個是成功時的回調方法,預設給這個方法傳遞了成功的資料,

另一個是失敗的方法,以及失敗的資料

<script>
export default {
  name: 'demo',
  data() {
    return {}
  },
  methods: {
    testDemo(data) {
      // ajax請求
      testAjax(url, params).then(data => {
        // 處理成功
        console.log(data)
      }, data => {
        // 處理失敗
        console.log(data)
      })
    }
  }
}
</script>      

<script>
export default {
  name: 'demo',
  data() {
    return {}
  },
  methods: {
    testDemo(data) {
      // ajax請求
      testAjax(url, params).then(data => {
        // 處理成功
        console.log(data)
      }).catch(err => {
        // 報錯
        console.log(err)
      })
    }
  }
}
</script>      

主要差別：