下载APP
登录
关闭
讲堂
算法训练营
Python 进阶训练营
企业服务
极客商城
客户端下载
兑换中心
渠道合作
推荐作者
当前播放: 17 | template和JSX的对比以及它们的本质
00:00 / 00:00
标清
  • 标清
1.0x
  • 2.0x
  • 1.5x
  • 1.25x
  • 1.0x
  • 0.5x
网页全屏
全屏
00:00
付费课程,可试看

Vue开发实战

共53讲 · 53课时,约500分钟
10545
免费
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相关生态应用(持续...

精选留言(15)

  • M
    2019-03-23
    您好,有没有学习vue源码比较好的视频,或者文本资料。 还有,可不可以推荐一些设计比较好的vue的代码封装库等。

    作者回复: 可以阅读组件库源码哈 😄https://github.com/vueComponent/ant-design-vue

    vue源码可以推荐两个:
    https://ustbhuangyi.github.io/vue-analysis/
    https://github.com/answershuto/learnVue

    4
  • 老师 <VNodes :vnodes=''></VNodes> 这个组件是干什么用的?怎么vue的官网也没有介绍了
    1
    3
  • 2019-05-04
    老师好,我用vuecli3.0创建完一个项目以后,由于某些原因(说来话长,暂且不说了)我不能在main.js中引入公共css,而是需要引入一个公共css在index.html中,但是link路径该怎么写呢?我不管怎么写都不对,百度那些答案根本不对。common.css在src下的assets下的css文件夹中。还请老师解答,急等

    作者回复: 使用 https://webpack.docschina.org/plugins/copy-webpack-plugin/ 复制common.css 到 public目录下,
    然后 <link rel="stylesheet" href="/common.css">

    2
  • 2019-03-22
    请问,系统后台做动态表单绘制,就是用拖拽的方式来动态创建表单,有没有好的vue开源组件推荐的?谢谢!

    作者回复: 目前没见到靠谱的,提供个思路,
    使用https://github.com/SortableJS/Vue.Draggable结合
    https://github.com/vueComponent/ant-design-vue

    2
  • 2019-05-06
    非常好 👍
    1
  • 2019-10-31
    基础篇的习题解答呢?怎么没有了

    编辑回复: 你好,由于第4节到第10节的内容有用户反馈比较难理解,所以我们重新设计这几节课的内容和Demo,录制了一遍。之前的一些习题是基于原来的Demo设计的,有一些已经不再适用,所以我们截掉了原来的习题部分。根据大家的反馈,我们后面考虑下将原来的习题重新整理一遍,在适应现有内容的基础上,公开出来。

  • 2019-06-01
    react jsx 中的 <></> 不会渲染出标签,vue的template和jsx中对应的是什么?

    作者回复: 应该是什么都没对上,template和 Fragment 还是不同的,或许以后template能够拥有Fragment的能力

  • 2019-04-19
    老师,babel@7.x一定要webpack > 4.x吗
  • 2019-04-12
    老师,有2个问题想问下:
    1.用JSX语法和JS语法写的组件,最终还是要在Vue模板中使用对不对?
    2.在Vue实例的方法中,可以用模板语法{{}},也可以用JSX语法{},是不是因为Vue对JSX语法提供了支持?

    作者回复: 1 是jsx和模板最终会变成js
    2 官方有babel插件把jsx转成js

  • 为什么我的jsx在vue文件中报relative module找不到

    作者回复: 没有安装相应的包 npm install缺少的包即可

  • 2019-04-05
    老师, 现在存在这样一种情况, 我要写一个调查问卷, 但是这个问卷是后台动态配置的, 类型分为4️⃣种, 单选, 多选, 单行文章输入, 多行文字输入; 目前我的做法是将这个四种情况封装成四个子组件, 然后每一个问题是一个`Item`, 这个`item`中将这四种子组件都写进来, 然后使用`v-if`根据`item`的`questioType`来决定那个显示, 这种有大量的v-if的时候是使用template语法好还是jsx好? 我个人觉得jsx比较好一点;

    作者回复: 从你的描述来看,没觉得template和jsx会有什么质的改变

  • 2019-03-25
    老师好;虽然看到之后会有讲解;想先问下是用什么来写Vue组件文档;是用documentation.js还是有更好的?最近想给自己的组件写写文档………

    作者回复: 我用的markdown +自己写loader 或许你可以使用 vuepress

  • 内容非常棒!请问下习题解答章节和生态篇大概什么时候释出呢?
  • 2019-03-24
    你好,老师, 像我们这vue项目, 每个模块列表都会有删除按钮,点击列表删除,出现弹窗,点击弹窗确定,调对应接口删除数据,然后再次调用对应列表接口, 这里逻辑差不多,就是弹窗内容,接口不一样,我就想 怎么封装一个比较好的公共方法,我技术菜,封装的用起来好麻烦,我想知道JSx怎么玩法

    作者回复: 你这个场景不管用什么并没有本质区别,我没看到你的代码,很难帮助你,但有一点可以分享给你:业务开发中,并不是越抽象越好的,因为产品经理不答应

  • 2019-03-24
    请问下老师,课后习题有没有答案公布的,能否在下一节公布上一节思考题的答案或者思路