export default {
  name: "Home",
  components: {
    NavBar,
  },
  data(){
    return{
      banners:[],
      recommends:[]
    }
  },
  created() {
  //  1、请求多个数据
    getHomeMultidata().then(res => {
      console.log(res);
      this.banners = res.data.banner  //保证请求到的数据不会被销毁
      this.recommends = res.data.recommend  //保证请求到的数据不会被销毁
    })
  }
}

请求数据时，请求到的数据作为一个对象通过箭头函数将res对应起来，这时res和数据对象就有了箭头的联系，而在 getHomeMultidata函数执行完成之后，作为函数中定义的箭头函数res就会被垃圾回收机制所回收，这样res所对应的数据对象就没有了可以和它有联系的函数，这样它也会被回收。而通过将res中的数据放入data中，使数据拥有了两个对应关系，这样即使res被销毁，数据也会在data中保存。