下载APP
登录
关闭
讲堂
算法训练营
Python 进阶训练营
企业服务
极客商城
客户端下载
兑换中心
渠道合作
推荐作者
当前播放: 39 | 如何在组件中使用ECharts、Antv等其他第三方库
00:00 / 00:00
标清
  • 标清
1.0x
  • 2.0x
  • 1.5x
  • 1.25x
  • 1.0x
  • 0.5x
网页全屏
全屏
00:00
付费课程,可试看

Vue开发实战

共53讲 · 53课时,约500分钟
10577
免费
01 | 课程介绍
免费
02 | Vue简介
免费
03 | 内容综述
免费
04 | 第一个Vue程序
免费
05 | 组件基础及组件注册
免费
06 | Vue组件的核心概念:事件
免费
07 | Vue组件的核心概:插槽
08 | 理解单文件组件
09 | 双向绑定和单向数据流不冲...
10 | 理解虚拟DOM及key属性的...
11 | 如何触发组件的更新
12 | 合理应用计算属性和侦听器
13 | 生命周期的应用场景和函数...
14 | 指令的本质是什么
15 | 常用高级特性provide/inj...
16 | 如何优雅地获取跨层级组件...
17 | template和JSX的对比以及...
18 | 为什么需要Vuex
19 | 如何在Vue中使用Vuex
20 | Vuex核心概念及底层原理
21 | Vuex最佳实践
22 | Vue Router的使用场景
23 | 选择何种模式的路由及底层...
24 | Nuxt解决了哪些问题?
25 | Nuxt核心原理是什么?
26 | UI组件库对比:Element U...
27 | 提升开发效率和体验的常用...
28 | 单元测试的重要性及其使用
29 | 生态篇习题解答(上)
30 | 生态篇习题解答(下)
31 | Ant Design Pro介绍
32 | 使用Vue CLI 3快速创建...
33 | 如何自定义Webpack和Babel...
34 | 如何设计一个高扩展性的路...
35 | 实现一个可动态改变的页面...
36 | 如何将菜单和路由结合
37 | 如何使用路由管理用户权限
38 | 更加精细化的权限设计(权...
39 | 如何在组件中使用ECharts...
40 | 如何高效地使用Mock数据进...
41 | 如何与服务端进行交互(Ax...
42 | 创建一个普通表单
43 | 初始数据、自动校验、动态...
44 | 创建一个分步表单
45 | 自己封装一个支持自动校验...
46 | 如何管理系统中使用的图标
47 | 如何定制主题及动态切换主...
48 | 如何做好国际化
49 | 如何高效地构建打包发布
50 | 如何构建可交互的组件文档
51 | 如何做好组件的单元测试
52 | 如何发布组件到npm
53 | GitHub相关生态应用(持续...

精选留言(18)

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

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

    15
  • 2019-04-30
    这章的细节和性能优化知识赞一个
    11
  • 2019-08-01
    抱歉老师,给您添麻烦了,我的问题解决了,并不是echarts插件ios9系统看不了,而是resize-detector这个插件导致的ios9系统白屏看不了,我不用这个插件就解决了。
    1
  • 2019-07-29
    老师,按照您讲解的这个方法,我用vue-cli3.0打包后在苹果手机系统在ios9以及以下的系统打开项目和话就是白屏,也不报错,请问该怎么解决呢???求解啊老师,我弄了2天了没找到方法,求老师帮帮我

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

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

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

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

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

    1
  • 2019-11-09
    老师,这一节收获太大了,从echart引入,在vue中的使用方式,监听resize,防抖,如何优雅的传递属性,定时器的构造与销毁,等等。都是从代码上逐渐优化实现,把很多知识点串起来,逐渐达到最佳实践。真正的解决了开发的痛点。
  • 2019-08-23
    老师,resize—detector在ie下会有问题,怎么解决?
  • 2019-07-31
    老师,不好意思之前没说清楚,我这个是在vuecli3.0创建的项目中不管是CDN引入还是npm引入的echarts,版本是都是4.2.1,项目中只引入这一个插件,ios10以下的系统就看不了,这个怎么做到兼容呢
  • 2019-06-09
    建议加一段代码:
    data() {
        return {
          chart: {}
        }
    }
    其他不变。
    这样更容易理解。不然找不到this.chart哪儿来的。
    展开

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

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

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

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

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

  • 2019-05-13
    引用 “作者回复: 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-10
    大概看了一下 chart 类库,发现 chart.js 的生态明显更好,所以就用了 chart.js
    但是中途发现 deep watch 会报错 Error in nextTick: "RangeError: Maximum call stack size exceeded",
  • 老师,你这个实战的git地址发一下呗、没找到实战项目的地址

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

  • 2019-05-06
    遗憾这里不能传图片,老师,请教个问题,我把现在代码改成TS,中间遇到的问题是在router.ts中配置路由的时候,vue-router中的router.d.ts声明文件中 interface RouteConfig没有hideInMenu和hideChildrenInMenu,导致语法检查报错,应该怎么处理呢- -. 在线等ing

    作者回复: 可以自己扩展写ts文件,不过我建议可以将hideinmenu等放到meta中

  • 2019-05-04
    1、等更
    2、608 vue conf老师有演讲吗
    3、ant-design-pro-vue和ant-design-vue-pro后续如何发展呀

    作者回复: 608 没有去,620 有去,可以关注下
    https://gmtc2019.geekbang.org/presentation/1670

    会合力维护 ant-design-vue-pro,不过短时间内可以使用ant-design-pro-vue

  • 2019-05-01
    ant-design-vue-pro-0.0.18及以后版本的导航折叠和国际化图标以及右侧关闭图标不显示,看了一下是根目录配置文件vue.config.js:
        plugins: [themePlugin, new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/)],
        resolve: {
          alias: {
            "@ant-design/icons/lib/dist$": path.resolve(__dirname, "./src/icons.js")
          }
        }
    导致的,具体原因我也不清楚,麻烦老师看一下是什么问题?
    node版本v8.11.2; npm 6.9.0,操作系统win10 ,浏览器chrome版本73
    展开

    作者回复: 你看到打包优化章节的时候就知道了