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

全部留言(18)

  • 最新
  • 精选
         ~
回复课后问题:store就像是vuex数据库,那通过store.对象的方式就可以操作vuex状态,也就能提供响应式式数据,不知道这样理解对不对

作者回复: 可以这么理解

2019-04-11
6
relax
大神,你vscode的active bar最下面显示的插件是什么啊,左边最下面一个像碗一样的图标

作者回复: 怎么都关注这个,是docker,和 vue没关系的

2019-03-26
3
1
嗯喊我杰哥
第一章中,我下载源码 安装依赖,运行npm run serve 很多报错,主要在core-js这个依赖有问题,demo中的版本是3.0.0,各种找原因无果,我只好把版本改为^2.6.5,然后运行正常;不知道为什么会这样。。。

作者回复: 没能复现你的问题 😓

2019-03-29
于 渊
ant-design-vue安装时报权限错误,使用管理员运行都无法解决😭

作者回复: 不应该,公共npm包没有权限限制的,使用cnpm试试?

2019-03-27
2
Coder4
所以VueX相当于React的Redux?

作者回复: 更像 mobx

2019-03-27
snowIceg
回头来看的给新来的提个建议,没有前端基础的,第一遍看vuex的时候只要知道他是爷爷组件和子组件进行数据传递的工具就好,到后面实战篇自己写东西遇到了数据传递的问题时,再来看这块,就会非常清楚,而且还能帮你解决问题,需求驱动技术成长
2020-07-14
33
希言自然
Vuex 也是一个单向的一个数据流: Vuex 提供数据 `State` 来驱动我们的视图(`Vue Components`)的渲染(`Render`),然后再通过视图派发( `Dispatch` )我们的 `Action` , >我们在 `Action` 中可以进一步的进行一些异步的操作,譬如我们通过 `Ajax` 去后端去获取一些我们想要的一些后端的一些数据。 然后我们通过 `commit` 的形式将 `Action` 提交给我们的 `Mutations` ,最后由 `Mutations` 处理完毕后,再来最终更改我们的 `State`中的数据,如此循环。
2020-04-15
10
iusugar
感觉课比较简洁,需要有vue基础的人看才能懂
2020-05-20
9
Geek_9e5cab
作者讲的这节课,整个流程下来,可以从刺客完成任务来理解,vue component相当于任务栏,action相当于门派中的信息收集部门,mutation相当于信息处理部门,state是刺客(这里的刺客只管执行任务)。然后可以这么理解,任务栏有多个刺杀任务,action需要把多个刺杀目标的信息收集起来,然后提交到mutation,mutation根据不同的刺杀目标,把信息整理分类好,最后给到state去执行任务。直接从vue component到mutation这步是由于刺杀目标过于简单单一,没有什么信息需要手机,mutation简单整理一下,直接给到state去执行。我这样理解没有问题吧😁
2021-04-26
1
Saki
其实不太明白什么时候要用这个,因为刷新了页面之后缓存的数据就没有了…… 不知道是不是我用错方式了= =
2021-03-20
1
收起评论