Vue 开发实战
唐金州
一点资讯前端技术专家,Ant Design Vue 作者
60939 人已学习
新⼈⾸单¥59
课程目录
已完结/共 53 讲
Vue 开发实战
登录|注册
留言
27
收藏
沉浸
阅读
分享
手机端
回顶部
当前播放: 39 | 如何在组件中使用ECharts、Antv等其他第三方库
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)

  • 最新
  • 精选
Geek_21abd3
老师,课程介绍里面说 4.30 之前更新完生态篇和实战篇,可现在进度有点拖了啊,还差了十几集,而且更新一集要好几天,这样都没办法比较集中的去学习这套课程了

作者回复: 实在抱歉,前期因为根据用户反馈课程有所调整,导致进度有点慢,不过已经录制完成了,都在剪辑中,会很快上传

2019-05-01
18
leslieeilsel
老师,请问如何优雅的引入第三方js库文件

作者回复: npm install 啊 我们不是一直这么用的吗

2019-05-01
4
*#$
建议加一段代码: data() { return { chart: {} } } 其他不变。 这样更容易理解。不然找不到this.chart哪儿来的。

作者回复: 不建议这么写,写在这里我可以认为他是响应式的,但实际上并不需要,以及后续vue 3.0 更改底层机制后,会影响到。如果你觉得不好找,可以直接data(){this.data = null; return {}} 中声明下,但没必要声明成响应式数据

2019-06-09
2
mcj_xy
照着做了一个,地址https://machenjie.github.io,使用了ts写的,真心感觉vue对ts不友好,好多都只能转成any再进行操作。

作者回复: vue中 使用ts还是有很多坑要踩得

2019-05-05
2
FightingQueen
老师,按照您讲解的这个方法,我用vue-cli3.0打包后在苹果手机系统在ios9以及以下的系统打开项目和话就是白屏,也不报错,请问该怎么解决呢???求解啊老师,我弄了2天了没找到方法,求老师帮帮我

作者回复: 木有环境 😓 打包后出现问题? 你的意思是打包前没问题?

2019-07-29
2
1
bolingboling
引用 “作者回复: 608 没有去,620 有去,可以关注下 https://gmtc2019.geekbang.org/presentation/1670 会合力维护 ant-design-vue-pro,不过短时间内可以使用ant-design-pro-vue” 老师 你说短时间可以使用ant-design-pro-vue意思是以后还是要用ant-desigin-vue-pro? 所以你的意思是现在的ant-design-pro-vue不够好吗,具体哪里不好呢,老师点评一下?(围观不怕事儿小)

作者回复: 够好 但可以更好 , 😄 react版本已经2.0了 我们也得跟上

2019-05-13
1
kid1412z
老师,你好,我自己写了一个viser-vue版本的,文档里说force-fit="true"时可以自适应宽度,但是我发现每次初始化的时候,图标的宽度是超出的,调整一下窗口或者折叠一下侧边栏才会自适应窗口的宽度。 调试发现是初始化的时候,layout的样式还没有加载完全。一般这种情况应该怎么处理? <template> <div ref="lineChart"> <v-chart :force-fit="true" :height="height" :data="data" :scale="scale" :padding="[20, 20, 95, 20]" > <v-tooltip /> <v-axis /> <v-legend /> <v-line position="month*temperature" color="city" /> <v-point position="month*temperature" color="city" :size="4" :v-style="style" :shape="'circle'" /> </v-chart> </div> </template> <script> export default { name: 'LineChart', mounted() { const DataSet = require('@antv/data-set'); const sourceData = [ { month: 'Jan', Tokyo: 7.0, London: 3.9 }, { month: 'Feb', Tokyo: 6.9, London: 4.2 }, { month: 'Mar', Tokyo: 9.5, London: 5.7 }, { month: 'Apr', Tokyo: 14.5, London: 8.5 }, { month: 'May', Tokyo: 18.4, London: 11.9 }, { month: 'Jun', Tokyo: 21.5, London: 15.2 }, { month: 'Jul', Tokyo: 25.2, London: 17.0 }, { month: 'Aug', Tokyo: 26.5, London: 16.6 }, { month: 'Sep', Tokyo: 23.3, London: 14.2 }, { month: 'Oct', Tokyo: 18.3, London: 10.3 }, { month: 'Nov', Tokyo: 13.9, London: 6.6 }, { month: 'Dec', Tokyo: 9.6, London: 4.8 } ]; this.dv = new DataSet.View().source(sourceData); this.dv.transform({ type: 'fold', fields: ['Tokyo', 'London'], key: 'city', value: 'temperature' }); // const data = dv.rows; this.$data.data = this.dv.rows; this.$data.scale = [ { dataKey: 'month', min: 0, max: 1 } ]; }, data() { return { data: [], scale: [], height: 400, style: { stroke: '#fff', lineWidth: 1 } }; } }; </script>

作者回复: 前置加载 或 监听dom大小改变 ps: css打包后线上环境一般不会有这个问题了

2020-03-11
2
tianya
老师,我目前遇到一个问题,在用了Ant的Select组件多选,远程搜索功能后,编辑的时候如何反写数据呢?

作者回复: @change事件中,回调重新复制 value

2019-05-15
young
老师,适应尺寸变化的代码addListener(this.$refs.chartDom,this.resize);里面的 this.resize 中的this指的是vue组件?还是指resize-detector?如果是指vue组件的话是不是所有的组件都有监听容器尺寸变化的能力?我做过好多次试验都没法验证我的想法

作者回复: this.resize 是我们自定义的一个方法啊 this就是当前组件上下文

2019-05-14
一世繁华都是烟 จุ๊บ
老师,你这个实战的git地址发一下呗、没找到实战项目的地址

作者回复: https://github.com/vueComponent/ant-design-vue-pro

2019-05-06
收起评论