es6解构

getMenus() {

      this.$http({

        url: this.$http.adornUrl("/product/category/list/tree"),

        method: "get",

      }).then(({data,status,headers}) => {

        console.log("成功获取到菜单数据", data,status,headers);

        this.menus = data.data;

      });

    },

    getMenus() {

      this.$http({

        url: this.$http.adornUrl("/product/category/list/tree"),

        method: "get",

      }).then((res) => {

        console.log("成功获取到菜单数据", res);

        this.menus = res.data.data;

      });

    },

     

这一部分整体是请求后端得到的数据可取名res（第一行的数据 整体叫res），res.data .data  第一个data是响应的数据{code,message,data}，第二个data是自己取的名字见下面箭头即需要前端显示的真实数据

不解构的情况下  then（参数名自取）{后续代码}

then((res) => {

        console.log("成功获取到菜单数据", res);

        this.menus = res.data.data;

      });

解构的情况下           {data: {…}, status: 200, statusText: 'OK', headers: {…}, config: {…}, …}  需要根据里面的属性名字进行解构   如下 解构了一部分{data：res，status：sta，headers：he} 进行重命名可用res，sta，he进行后续操作，也可以不重新命名 如下

then(({data,status,headers}) => {

        console.log("成功获取到菜单数据", data,status,headers);

        this.menus = data.data;

      });