微任务dom（await，promise，axios接口）渲染宏任务执行顺序1

<template>
   
  <div>
    为什么了解执行的顺序和时机？ 可以判定使用什么函数去处理代码；
    比如：你需要再dom渲染之前做好逻辑处理，等待dom渲染完毕后，展示于页面，此时必用微任务方式处理，必正确;反之需要获取dom的操作就需要采用宏任务的相关代码去包裹处理函数，才不至于获取不到元素而报错！！！
    ****宏任务*****/ // setTimeout、setInterval、AJAX、DOM事件 1.
    script中全部代码（整体）； 2. DOM操作； 3. 用户交互操作； 4.
    所有的网路请求； 5. 定时器相关的 setTimeout、setInterval 等；
    ****微任务*****/ // Promise、async/await 1.
    Promise中的then、catch、finally； 2.MutationObserver（监视 DOM 变动的API)
    ；参考MDN 3. Process.nextTick（Node环境，通常也被认为是微任务）；
  </div>
</template>
<script>
import axios from "axios";
export default {
  name: