vue调用接口使用与规范

使用async和await异步请求
使用try和catch来捕获是否异常,异常之后做一些操作,如:给用户提示

        //引入接口
    import {citylist,} from "@/request/api";
    async chengshi() {
      try {
      `调用接口`
        const data = await citylist();
        `获取数据`
        let res = JSON.parse(data.data);
        this.treecity = res.data;
      } catch {
       `捕捉错误`
        this.$message.error("获取城市数据错误");
      }
    },