Vue 开发实战
唐金州
一点资讯前端技术专家,Ant Design Vue 作者
60939 人已学习
新⼈⾸单¥59
课程目录
已完结/共 53 讲
Vue 开发实战
登录|注册
留言
27
收藏
沉浸
阅读
分享
手机端
回顶部
当前播放: 41 | 如何与服务端进行交互(Axios)
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管理)
登录 后留言

全部留言(27)

  • 最新
  • 精选
攀登
老师封装的那个,貌似不能发送post请求。代码如下,后端识别为GET请求。 async register({ commit }, { payload }) { console.log("actions: register") console.log(payload) // 发送请求 await request({ url: '/users/enroll', mothed: 'post', data: payload }).then(response => { // 保存数据 console.log("返回的结果:") console.log(response.data) }) }

作者回复: method 不是 mothed

2019-12-12
5
小叶子
老师 我的cross-env安装包安装完成之后会在dependencies中 为什么你的在devDependencies里呢

作者回复: npm i --save-dev cross-env 我指定了位置

2019-05-23
3
bolingboling
感谢唐老师的讲解,讲的挺好,但有些方面希望讲的更细一点,对我的帮助很大

作者回复: 感谢支持

2019-05-14
2
Daniel
老师您讲的这些的源码还有哪里能找到吗?。pro的整体框架太重不好理解

作者回复: 有一个分支 geektime

2020-06-10
1
Semantha
老师,请教两个问题: 1、封装axios的本质是什么?我写代码的时候通常直接用axios,但是看好多大神的代码都会封装一次。 2、跟后台交互时使用代理来请求到后台服务,在项目中,由于每个接口最开始一层目录不一致,我就在前面多加了一层/api,然后重定向为空,本地测试没问题,但是打包部署到服务器上,却多了这层api的目录,请问一般怎么解决? 期待回复,谢谢!

作者回复: 1 封装一层的目的有很多,比如统一错误处理,统一日志监控 等等 2 可以根据环境变量来决定要不要这个api

2019-08-03
1
奔跑的蜗牛
老师,我刚才试了一下,这个代码在IE上运行报错。我在package.json中加了babel-polyfill,依然不行,运行不起来,您有空能试一下吗?

作者回复: 建议使用Chrome ie的兼容性并没有测试

2019-06-22
1
遇見
GET http://localhost:8080/api/dashboard/chart1?ID=12345 500 (Internal Server Error) 我的报500错误,为啥你的报404,你后台接口设置错误信息了?

作者回复: 500必然是后台问题了

2019-06-22
6
1
翰弟
承诺,老师下次课还买还学,若还是觉得挺棒,至少学两遍+,下次还买。

作者回复: 感谢支持 😄

2019-07-04
sw0716
感谢唐老师,讲得挺好,学到了很多。

作者回复: 感谢支持

2019-06-22
啊沈
// 留给有需要的小伙伴 // 1. 安装node http://nodejs.cn/download/ // 2. 初始化 npm init // 3. 安装依赖 npm i --save express // 4. 创建app.js(copy下述代码) // 5. 运行命令:node app // app.js const express = require("express"); const app = express(); // 设置跨域访问 app.all("*", (req, res, next) => { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers", "X-Requested-With"); res.header("Access-Control-Allow-Methods", "PUT,POST,GET,DELETE,OPTIONS"); res.header("X-Powered-By", " 3.2.1"); res.header("Content-Type", "application/json;charset=utf-8"); next(); }); let resData = [10, 20, 30, 40, 50, 60]; // 接口配置 app.get("/api/dashboard/chart", (req, res) => { res.status(200), res.json(resData); }); // 配置服务端 let server = app.listen(3000, () => { let host = server.address().address; let port = server.address().port; console.log("Server running at http://%s:%s", host, port); });
2019-10-17
4
21
收起评论