Vue 开发实战
唐金州
一点资讯前端技术专家,Ant Design Vue 作者
60939 人已学习
新⼈⾸单¥59
课程目录
已完结/共 53 讲
Vue 开发实战
登录|注册
留言
21
收藏
沉浸
阅读
分享
手机端
回顶部
当前播放: 14 | 指令的本质是什么
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管理)
本节摘要
登录 后留言

全部留言(21)

  • 最新
  • 精选
🇨🇳 明潜宇
我感觉讲的不太清晰, 笼统介绍知识点. 也就是大纲, 怎么使用 还是要自己再去查文档 理解.

作者回复: 我想没有太大必要详细介绍单个指令的使用 视频结合文档学习效果也会更好

2020-01-15
3
(ಡωಡ) ~~💭
如果不用v-html,那用什么方法显示富文本呢

作者回复: 用不用主要是看需求,只是现在很多人滥用v-html,所有react中同样的功能,但api被设计成了 "dangerouslySetInnerHTML" 就是不想让用。对于富文本是可以使用的。

2019-04-04
2
🍃Spring🍃
开发中不建议使用v-html那在渲染编辑器编辑的内容的时候,转html标签最好的方法是什么。

作者回复: V-html 😓

2019-08-06
bolingboling
我的实验显示: ## 创建阶段 10:40:26.297 Children.vue?3b53:34 beforeCreate 10:40:26.303 Children.vue?3b53:37 created 10:40:26.305 Children.vue?3b53:40 beforeMount 10:40:26.315 CustomerDirectives.vue?c1a5:16 bind 10:40:26.318 CustomerDirectives.vue?c1a5:20 inserted <button>​…​</button>​ {name: "append-text", rawName: "v-append-text", value: "hello 1", expression: "`hello ${number}`", modifiers: {…}, …} 10:40:26.320 Children.vue?3b53:43 mounted ## 组件销毁阶段 10:42:55.170 Children.vue?3b53:52 beforeDestory 10:42:55.172 CustomerDirectives.vue?c1a5:31 unbind 10:42:55.173 Children.vue?3b53:55 destoryed * 组件的更新不会触发指令周期钩子 * 指令的 `update`、`componentUpdated`、`unbind` 钩子也不会触发组件的声明周期钩子

作者回复: 组件的更新会触发指令周期钩子的, https://cn.vuejs.org/v2/guide/custom-directive.html#%E9%92%A9%E5%AD%90%E5%87%BD%E6%95%B0 你之所以得出这个日志,我猜测 你是在Children中的的某个组件上使用指令? 而不是在<Children v-xxx/>上使用指令?

2019-04-10
young
老师,我理解错Vue自定义指令了?Vue自定义指令仅能在组件内部的模板中使用?我自定义了指令在父组件中使用子组件怎么都不行,搞了好半天原来自定义指令只能在定义自定义指令的内部使用

作者回复: 和组件一样,也分局部注册和全局注册,如果是全局注册,就可以在任何地方使用

2019-04-09
zhangqi
老师你们,我订购了你的课程,由于项目中用到vue,之前接触前端比较少,可以加你微信,或者QQ吗?帮忙解决一下目前在开源上面下载的一个vue跟springcloud分离的项目,解决一下vue他的相关逻辑 老师你讲的很好

作者回复: 有一个组件库的QQ群,里面有很多热心群众,我也在里面, ant design vue 官网上有二维码

2019-03-25
小黑
---------------- create stage ---------------- beforeCreate data created beforeMount render d-bind mounted d-inserted ---------------- update stage ---------------- d-update d-componentUpdated beforeUpdate render updated ------------------ destory stage ------------------ beforeDestroy destroyed d-unbind
2019-03-25
1
12
喵大仙
自定义指令感觉比较难理解,视频这块讲的较为迅速了点,还需要自己查资料结合视频再看看
2020-03-29
5
Geek.S.
来自[官方文档](https://cn.vuejs.org/v2/guide/conditional.html)的内容: v-if vs v-show 1. v-if 是"真正"的条件渲染, 因为它会确保在切换过程中条件块内的事件侦听器和子组件适当地被销毁和重建. 2. v-if 也是惰性的:如果在初始渲染时条件为假, 则什么也不做——直到条件第一次变为真时, 才会开始渲染条件块. 3. v-show, 不管初始条件是什么, 元素总是会被渲染, 并且只是简单地基于 CSS 进行切换(通过设置 style="display: none;" 进行切换). 4. 一般来说, v-if 有更高的切换开销, 而 v-show 有更高的初始渲染开销. 因此, 如果需要非常频繁地切换, 则使用 v-show 较好; 如果在运行时条件很少改变, 则使用 v-if 较好.
2020-03-21
2
Breidt
v-if就是销毁、创建,v-show是通过css的(display: none)显示隐藏。
2020-03-26
1
收起评论