前端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>      

主要区别：