Vue 开发实战
唐金州
一点资讯前端技术专家,Ant Design Vue 作者
60939 人已学习
新⼈⾸单¥59
课程目录
已完结/共 53 讲
Vue 开发实战
登录|注册
留言
85
收藏
沉浸
阅读
分享
手机端
回顶部
当前播放: 34 | 如何设计一个高扩展性的路由
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管理)
登录 后留言

全部留言(85)

  • 最新
  • 精选
罗哈哈
老师, 视频中出现的webpackChunkName 是什么意思啊?

作者回复: 这是webpackChunkName打包时候用的,你可以理解为它是给webpack的标志,打包的时候会把相同name标志的路由文件打包进一个文件中

2019-05-02
7
blueBean
老师能不能讲讲render函数,不理解为什么能用render函数来简写

作者回复: 如果不用render 你需要写一个单文件组件,而单文件组件的本质就是render函数 单文件组件通过vue loader都会转成render

2020-02-29
3
4
Yu
请教您一个问题,在vue中多个.vue组件,引入一个较大的less库,在ie9中,启动后打开页面样式加载不上,怎么处理呢

作者回复: 使用webpack把css文件分成多个文件 低版本浏览器会对单个css文件里面的样式条数有限制

2020-05-08
3
陈蓉~Darcy
三种写法的区别是什么,老师 component: resolve => require(["@/layouts/UserLayout"], resolve), component: () =>import(/* webpackChunkName: "layout" */ "../layouts/UserLayout"), component: {render: h => h("router-view")},

作者回复: 前两个异步加载 第二个异步加载会被webpack分包

2020-01-06
3
Wiensss
由 localhost:8080/user 重定向到 localhost:8080/user/login 的实现,老师在代码里的实现是在 /user 的 children 里面新增 { path: "/user", redirect: "/user/login" }。而在地址栏输入 localhost:8080/user 时路由匹配的是 /user,因此我觉得把 redirect: "/user/login" 提升到 /user 上,逻辑上是否更清晰一点,毕竟做这一步的是 /user 而不是其 children。 我尝试了是可行的,想问下这样做两者有没有规范上的区别或其他?

作者回复: 那么如果 login register 有共用的布局怎么办 ?

2019-06-05
3
3
bolingboling
老师你好 之前我在写嵌套路由的时候,都是这么写的 ```js { path: "/form", component: XXX children: [ { path: "basic-form", component: XXX ] } ``` 老师的写法是这样的 (子路由的path写法差异) ```js { path: "/form", component: XXX children: [ { path: "/form/basic-form", component: XXX ] } ``` 本来是想问,第2种书写方式是老师的个人习惯还是说这样是最佳实践,但是在写这个留言的时候我突然意识到这应该就像是相对路径和绝对路径之间的差异,没有好坏之分的吧?

作者回复: 没有好坏,因为我们菜单使用path作为了key,为了唯一性,当然你可以在菜单中自己拼接

2019-05-09
3
杨杰
Layouts、Views、Compoents 这三个目录的划分有什么依据或指责的不同么?

作者回复: 如其名 布局 视图(路由级别) 组件 (比较小的可复用的组件,一般不会有接口请求之类的)

2020-03-11
2
2
Geek_e11667
用<transition>也可以动画效果啊。

作者回复: 很多方式,个人更喜欢 NProgress 😄

2019-04-24
1
thewangzl
pro是中后台的解决方案,请问下,如果要做面向企业用户的(管理类)软件,使用pro和不使用pro有什么差距,应该是怎样做呢?面向企业的权限比较复杂(RBAC),可能登录用户只能看到部分菜单、按钮,这些用vue怎么实现?

作者回复: pro只是一个中后台模板,并不能满足你的所有需求,我说下我使用react版pro时的方式:看到差不多的功能的时候,直接copy过来改改。 你说的这个权限功能,后面权限相关章节恰好就是这个场景

2019-04-22
4
1
d゜wait丶ぴ
老师,请问下,通过vue-cli打包后的资源,可以反编译回来吗?

作者回复: 如果没有sourcemap 并不能完美的反编译

2019-04-18
1
收起评论