vue中的then方法和catch方法

1、then()方法是异步执行。

意思是：就是当.then()前的方法执行完后再执行then()内部的程序，这样就避免了，数据没获取到等的问题。通常用在ajax请求后面

2、catch()方法防止因为错误而造成系统崩溃

在程序逻辑中, 需要在易出现问题的逻辑代码片段上, 加持catch方法, 这样做可以捕获错误, 但是不会影响整个程序运转;

3、示例

        1、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>

  2、一般情况下,为了不报错,会在then()后面调用.catch()，相当于类似try{}catch(e){} ，可以理解为省略了try()

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

    3、主要区别：如果在then的第一个函数里抛出了异常，后面的catch能捕获到，而then的第二个函数捕获不到。因此，建议总是使用catch方法，而不使用then方法的第二个参数。