ES6中class具体应用到vue开发中

面对复杂的后端数据，前端应该怎样使用？后期怎样才能更好的维护这些数据？

核心思想

面对后端传递过来的复杂数据，我们可以使用ES6中类的思想来划分这些这些复杂的数（可以借鉴重构的思想），将每一个组件中所需要的数据，统作为实参传递给新建类中进行重构，将new Class（args）赋值给一个新的类中，将这个类绑定到所需的组件当中去使用。这样的划分便于后期的维护，结构也非常清晰。

代码对比

不进行类划分传递：

...
created(){
   
    Vue.axios.get(api).then((response) => {
   
 	  const top=response.data;
      this.topImages=top.images;
      this.topTitle=top.title;
      this.topDesc=top.<