ES6对象解构（Vue Ajax请求）

先说结论，不解构数据就拿不到data对象里面的data
不解构data数据：

methods: {
这里是一个ajax请求
    getMenus() {
      this.dataListLoading = true;
      this.$http({
        url: this.$http.adornUrl("/product/category/list/tree"),
        method: "get",
      }).then(data => {
      //不解构的时候，data没有被({})包围，此时data没有被解构
			...
      });
    },
  },

解构data数据：

methods: {
这里是一个ajax请求
    getMenus() {
      this.dataListLoading = true;
      this.$http({
        url: this.$http.adornUrl("/product/category/list/tree"),
        method: "get",
      }).then(({data}) => {
        //这里用到了对象解构，把data解构了，不解构读不出来数据
        //因为一个大的data里面会有很多属性，而这里只用data里的data数据，所以不解构就读不出来里面的data数据
        console.log("成功获取到数据" + data);
        this.menus=data.data;
      });
    },
  },

为什么要解构？