4.26-count部分的渲染

api.js

在本次实验中还是使用本地的mock数据，也就是不用线上模拟啦！

然后我们把getCountData放到home.js文件里面去。

这块照样做拦截。

按照getTableData在Home,vue里面做复制。

注意Home.vue里面的const data=await proxy.$api.getTableData()得到的data数据是基于响应拦截器返回的data的。（一定要看清楚res的结构，再确定要解构的变量）

然后现在遇到了一个问题：

就是这里的url写了/api就可以成功返回数据，不写就不可以，我好像一直对这些url没有特别清晰的理解，虽然我现在不知道为什么网址里面要写一个api，但是我知道这要跟mock.js的正则表达式对应起来才能正常响应。

为什么都是request.js:24呢？？因为getTableData和getCountData都要各自执行一次拦截器。

接下来是样式的渲染。可以看到用的是栅格结构，然后前8列已经渲染好了，就是由两个表格构成的，接下来渲染新的el-col

关于：body-style的搜索！

所以说用什么东西，就遵循什么规则吧。

此时此刻home.vue里面的axios不注释掉仍然是可以使用的，但是就是想问一下，如果让我自己再写一遍，我真的可以依靠自己就会吗？？（当初返回的index.html问题，其实我到现在都无法口述原因，原因如下，我是真的看不懂，，，，，，什么本地文件路径和代理路径冲突啊？？？）

）

全局注册组件：

component的is到底是啥？=》

Vue组件（35）动态组件 component 的 is 到底可以是啥？ - 金色海洋（jyk） - 博客园

写完这个样式就变成这样了呢》小图标真可爱

justify-content:space-between 就是从两边开始均匀分布。

学会了，如果想要实现垂直居中：可以使用FlexBox，justify-content就是center的表现。

数据意义不大。所以count的渲染就完成啦！