promise.then获取数据

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第10天，点击查看活动详情

前言

在我们工作中，最基础的，最简单的，无非就是 对数据进行增删改查,

一说起这相信大家，深有同感，也想着，这。。这么简单干嘛要写篇文章，其实嘛，写这主要是为了自己加深对它的理解。

毕竟之前总是使用async、await，一直想着promise.then的方法总觉得离我很远，也想着以后或许用不到了，也没怎么研究这个方法，谁知今天会措不及防的使用到，用了之后、觉得真香，啪啪打脸￣□￣｜｜

言归正传既然学废了promise.then的方法 我就在这里跟大家分享分享，会用的就帮我看看我写的有没有问题(/ω＼)，不会的可以参考参考，借鉴借鉴

第一种

async await

这是我们常用的，相信大家都会，就不跟大家讲解、讨论这个方法了，就简单的给大家写下使用方法，其他的就一笔带过吧。

import {jiekouName } from '@/路径'

methods:{
  async name() {
    const res = await jiekouName();
    console.log(res);
      // 赋值
      this.xxx = res.xxx
    },
}
    
created() {
  // 发送请求

  this.name()
}

第二种

promise.then

import {jiekouName } from '@/路径'

methods:{
  name() {
    jiekouName().then((response) => {
      // 赋值
      this. xxx = response.xxx数据 
    }) 
  } 
}
    
created() {
  // 发送请求

  this.name()
}

这个jiekouName方法返回的是一个promise对象

所以才能用 .then方法

小结

今天也是突然间 有个 事件要执行同步任务，我还是按照之前的写法使用async、await，但打印出来的结果的顺序。。。不理想，后来想到了

有位大哥，之前使用 .then方法，打印结果就是它里面的先执行，然后就学费了

学到一点是写一点，这仅给大家参考参考

​