Vue 开发实战
唐金州
一点资讯前端技术专家,Ant Design Vue 作者
60939 人已学习
新⼈⾸单¥59
课程目录
已完结/共 53 讲
Vue 开发实战
登录|注册
留言
26
收藏
沉浸
阅读
分享
手机端
回顶部
当前播放: 06 | Vue组件的核心概念:事件
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管理)
登录 后留言

全部留言(26)

  • 最新
  • 精选
小文同学
老师,我来二刷课程了。我是个vue小白,我想知道以下两种声明有啥不一样? ``` props: { a: 1 } data: function() {return { a: 1} ```

作者回复: 一个是属性 一个是状态 属性的值来自于父组件传递 状态的值是组件自身的“值”

2019-06-13
2
12
柯恩
老师,请问为什么对象或数组默认值必须从一个工厂函数获取?

作者回复: 这和data必须是一个函数一样,防止多个组件实例共享一份数据,虽然属性默认值,我们不应该去修改它,但实际上,有些人的确去这么做了

2019-03-21
7
Geek_115bc8
老师, $emit不是只能父子之间通信吗 为什么 你视频中是祖先和孙子通信呀

作者回复: 爸爸在中间传递

2020-05-07
5
Mr.Hi
问题1:vue的响应式管理 Object.defineProperty 的缺陷?为什么在vue3.0采用了proxy,抛弃了Object.defineProperty?问题2:vue3.0要采用TypeScript嘛?期待:源码解析 项目实战流程 vue3.0介绍

作者回复: 3.0 发布后 可以聊聊 😄

2019-03-19
4
流花
我也来二刷了

作者回复: 👍🏻

2020-03-09
3
AMGMH
:style 的优先级是要高于 style的么?

作者回复: 实践证明是的

2019-03-22
3
云韵
老师,我把代码导入到vscode 中,那个怎么在浏览器中用localhost:8080/#/1.1 启动呀

作者回复: npm i npm run serve 和我们前面环境搭建的过程差不多

2019-03-18
2
3
穷(mei)困潦(qian)倒
老师,为什么子组件的click事件要用到this.$emit(),为什么不能直接用$emit,这个this有什么用处

作者回复: 在 template中 的$emit 就是 this.$emit的意思 只是可以省略而已

2020-02-14
2
2
minjiejiang
<div id='app'> {{message}} <todo-list> <!--@delete 尚有疑问--> <todo-item @click="handTest" v-for="item in list" v-bind:title="item.titles" ></todo-item> </todo-list> <span v-bind:title="message2">响应式控制</span> </div> <script> //实例化组件 //{{title}}跟着组件中的:title保持一致,为v-bind:title //template属性是组件的必选。 //组件中使用v-for的话,整个template在每次循环的时候,都会被完整复用 Vue.component('todo-item', { props: { title: String, del: { type: Boolean, default: false } },template: '<li><span>小可爱1</span>' + '<span>{{title}}</span></li>' }); //实例化 Vue.component('todo-list',{ template: '<ul><slot></slot></ul>' }); var vm=new Vue({ el:'#app', data:{ message:'hello world', message2:'hello world2', list:[{titles:'课程1',del:false},{titles:'课程2',del:false}] },methods: { handTest(val) { alert("您好"); } } }); </script> 请问下老师我这样定义handTest 事件,为todo-item绑定了它,为什么页面上没有反应呢?

作者回复: 你的todoitem里面并没有绑定click事件啊

2019-12-23
2
又来重温一遍了,完整的看过一次教程了,也手动撸了代码,直到自己着手一个项目的时候才发现很多vue的基础都没有深入理解,老是会在使用的时候直接修改子组件的props,踩过几次坑后也深刻了解到数据驱动的这个理念,准备在品味一下老师的视频课程~

作者回复: 👍

2019-06-10
2
收起评论