Vue 开发实战
唐金州
一点资讯前端技术专家,Ant Design Vue 作者
60939 人已学习
新⼈⾸单¥59
课程目录
已完结/共 53 讲
Vue 开发实战
登录|注册
留言
28
收藏
沉浸
阅读
分享
手机端
回顶部
当前播放: 40 | 如何高效地使用Mock数据进行开发
00:00 / 00:00
高清
  • 高清
1.0x
  • 2.0x
  • 1.5x
  • 1.25x
  • 1.0x
  • 0.75x
  • 0.5x
网页全屏
全屏
00:00
付费课程,可试看
01 | 课程介绍
02 | Vue简介
03 | 内容综述
05 | 组件基础及组件注册
04 | 第一个Vue程序
06 | Vue组件的核心概念:事件
07 | Vue组件的核心概:插槽
08 | 理解单文件组件
09 | 双向绑定和单向数据流不冲突
10 | 理解虚拟DOM及key属性的作用
11 | 如何触发组件的更新
12 | 合理应用计算属性和侦听器
13 | 生命周期的应用场景和函数式组件
14 | 指令的本质是什么
15 | 常用高级特性provide/inject
16 | 如何优雅地获取跨层级组件实例(拒绝递归)
17 | template和JSX的对比以及它们的本质
18 | 为什么需要Vuex
19 | 如何在Vue中使用Vuex
20 | Vuex核心概念及底层原理
21 | Vuex最佳实践
22 | Vue Router的使用场景
23 | 选择何种模式的路由及底层原理
24 | Nuxt解决了哪些问题?
25 | Nuxt核心原理是什么?
26 | UI组件库对比:Element UI、Ant Design Vue、iView
27 | 提升开发效率和体验的常用工具:ESLint、Prettier、vue-devtools
28 | 单元测试的重要性及其使用
29 | 生态篇习题解答(上)
30 | 生态篇习题解答(下)
31 | Ant Design Pro介绍
32 | 使用Vue CLI 3快速创建项目
33 | 如何自定义Webpack和Babel配置
34 | 如何设计一个高扩展性的路由
35 | 实现一个可动态改变的页面布局
36 | 如何将菜单和路由结合
37 | 如何使用路由管理用户权限
38 | 更加精细化的权限设计(权限组件、权限指令)
39 | 如何在组件中使用ECharts、Antv等其他第三方库
40 | 如何高效地使用Mock数据进行开发
41 | 如何与服务端进行交互(Axios)
42 | 创建一个普通表单
43 | 初始数据、自动校验、动态赋值
44 | 创建一个分步表单
45 | 自己封装一个支持自动校验的表单项
46 | 如何管理系统中使用的图标
47 | 如何定制主题及动态切换主题
48 | 如何做好国际化
49 | 如何高效地构建打包发布
50 | 如何构建可交互的组件文档
51 | 如何做好组件的单元测试
52 | 如何发布组件到npm
53 | 结课测试&GitHub相关生态应用(持续集成、单测覆盖率、文档发布、issue管理)
登录 后留言

全部留言(28)

  • 最新
  • 精选
zker-non
老师能回答下吗,很多人遇到这种问题样 报错 Proxy error: Could not proxy request /api/dashboard/chart?ID=12345 from localhost:8080 to http://localhost:8080/. See https://nodejs.org/api/errors.html#errors_common_system_errors for more information (ECONNREFUSED). npm run server 一开始正常,后面开始频繁在终端报出上面的错误

作者回复: 最好在官方仓库中能给出复现demo 方便给出解决方案

2019-08-17
5
1
~鸵鸟蛋~
为什么我拉取项目下来运行之后,页面上有些图标却显示不出来?类名没问题

作者回复: 讲解图标按需加载的时候做了相关配置,可以看看图标章节的具体改动

2019-12-15
如果我说
http://localhost:8080/api/dashboard/chart?ID=12345接口报404没找到, vue.config.js中已经设置了?是怎么回事?

作者回复: 如果不是mock数据 你得自己配服务器

2019-06-18
2
流年、จุ๊บ
一般后台接口也是按模块划分的,比如 user/login、user/register,那老师的这种mock好像不太好划分模块了,我一般是建立一个server文件夹,里面用express或者koa模拟真正的接口请求去返回数据,这样就能和后台一样模块划分了,通过mockjs生产假数据。

作者回复: 可以的,mock方案很多种,选择适合自己的

2019-05-26
Levon
mock地址应该是http://localhost:8080吧?

作者回复: 默认是8080

2019-05-07
3
bolingboling
跟着老师做的,mock数据也能拿到,数据也能渲染,但总有个报错: Proxy error: Could not proxy request /api/dashboard/chart?ID=12345 from localhost:8080 to http://localhost:3000. 运行老师的项目就没这个错误,找了一上午也没发现问题在哪。甚至最后直接把老师项目中的 vue.config.js 和 analysis.vue两个文件直接拷贝到我自己的项目中也还是有错误。 这是我项目地址 https://github.com/zhangxiaoshang/ant-design-vue-pro/tree/0.0.9
2019-05-14
7
4
喵大仙
有点疑问,按照打印的日志来看,为啥这个mock的请求接口1s内请求了好几次,停留在这个分析页面,log还不停的刷??请求老师解答
2020-04-22
3
发光如星
访问时,控制台报错Proxy error: Could not proxy request /api/dashboard/chart?ID=12345 from localhost:8080 to http://localhost:3000/. See https://nodejs.org/api/errors.html#errors_common_system_errors for more information (ECONNREFUSED). 使用仓库项目,定位到tag0.0.9,启动不报错,后来将vue.config.js和Analysis.vue改为仓库的代码,还是报错,参照评论,将proxy的target的端口由3000改为8080,无报错,但此疑问始终存在,为什么会报上述错误,而且不止一人报错,希望老师能真的给个解答
2019-09-26
4
2
笑笑泥人
接口路径中有包含动态内容,如何映射到某个js文件呢? 比如接口 /model/delete/5 , 5是id,是动态变化的, 对应的mock 数据文件是model_delete_5.js 或是model_delete_X.js 。 这个要如何处理呢?
2019-11-07
2
1
LovingFan
找不到 ./mock/dashboard_chart module
2019-05-07
5
1
收起评论