vue工程中js文件异步函数用法

vue工程中js异步函数用法

vue工程中，对一些异步函数进行调用，不能按照普通函数进行调用，会涉及调用顺序的问题，对异步函数的调用：

js文件写法：

import { getSystemList } from "../http/moduleManage/moduleManageServices";

export default  function getSystemListData(type){
//注意Promise、resolve 用法
    return new Promise((resolve, reject) => {     
        setTimeout(() => {
            //code
            //这里面写需要处理数据的代码,最重要的是结果要通过resolve返回
                    resolve '888'  //返回888
               
        }, 1000);
    } )
    
}

Vue文件里调用：

先引入这个js文件，然后怎么调用

async initHandle () {
//注意使用的函数async和 调用时候await的使用，这样async inithandle函数里面就会一步步按顺序执行了
      this.systemOptions= await getSystemListData(-1)

    },