电商平台项目 Vue day5

回顾：day4的时候大轮播图搞定，接下来搞下面的家用电器floor部分

原生DOM获取节点时是给元素添加 id 或 css，然后 document.querySelctor('xxx'),

现在用vue了可以给元素添加 ref=‘xxx’ ，然后直接 this.$refs.xxx 获取元素

1、floor部分获取mock数据 

步骤简单来说：静态搞完之后，发请求（写api），写完api之后就写仓库三连环（别忘了引入接口），仓库存储数据后，组件捞数据，捞完之后展示

1.1、去api的index里写接口reqFloorList获取数据 

1.2、仓库引入接口+三连环（菜可以正常制作了，接下来去制作订单dispatch）

这里有个注意的点：看看mock数据，里面有两组数据，所以这里不能在floor里面编写dispatch，不然另一个floor分不到数据，所以得在他们的父盒子home遍历，传递数据

1.3、在home的mounted里派发 action ，获取floor数据（这里其实应该在1.2之前）

 1.4、上面的搞完要去浏览器vuex看看有没有获取到数据

1.5、把vuex仓库里的数据给组件

1.6、用v-for给组件遍历（以前都是给div遍历，这次不同啦），mock有几组数据就会出现几个floor