后台管理系统-8-vue3之首页count数据的渲染
文章目录
- 1 首页count数据的获取
-
- 1.1 api.js(请求URL)
- 1.2 本地模拟数据
-
- 1.2.1 mock.js(Mock拦截URL)
- 1.2.2 home.js(准备数据)
- 1.3 应用Home.vue
- 2 首页count数据的渲染
-
- 2.1 页面布局
- 2.2 样式设计
- 2.2 整体代码Home.vue
- 3 附录
-
- 3.1 getCurrentInstance()
- 3.2 当前组件实例
- 3.3 参考附录
介绍getCurrentInstance()和当前组件实例的概念，使用mockjs本地模拟数据，使用el-card展示count数据。
1 首页count数据的获取
1.1 api.js(请求URL)
get请求的参数是param。post请求的参数是data。
import request from "./request";
// 请求首页左侧的表格数据
export default {