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

全部留言(19)

  • 最新
  • 精选
考休
单页面(SPA)应用对SEO支持不好,而且在首次打开页面时,由于加载项过多,会导致首次打开过慢的问题

作者回复: 是的 不过seo有相应的方案去解决,加载过多的问题可以通过webpack优化,尽可能减少加载项,但终极方案还是ssr

2019-12-02
8
leslee
老师您好,问两个问题: 1. 在项目中, 路由配置用什么策略对日后的维护会比较友好呢? 例如根组件 App 应该配为 ‘/’ 还是 ‘/app’ 2. 路由之间的嵌套有又有什么需要注意的地方呢?

作者回复: 跟组件是直接挂载到vue实例上供所有路由使用的, 嵌套路由坑不多,更多要考虑的是和业务之间的结合,路由一旦定下来就不太好去更改,否则会导致用户收藏的url失效,除非你主动设置重定向

2019-03-31
6
young
老师,我感觉用VueRouter的作用也不是很大啊?用响应式更新也能做到页面不刷新页面,而且还能做到URL地址栏不发生变化

作者回复: URL地址栏如果不变化,用户刷新浏览器怎么办?回到初始页面?如果是这种需求,当然不需要router

2019-05-01
3
leozhang
老师我想问下有关vue中有关缓存问题,做的后台系统为什么同级菜单下tab切换可以缓存上次的查询记录,不同菜单下相互切换缓存数据消失

作者回复: 这个原因很多种,但归结到一点就是切换tab的时候导致你想要缓存的dom被销毁了,或者你可以在官方文档中看看 keep-alive 这个特性 为什么同级没问题?因为没有触发销毁,为什么没触发销毁?这个可以在回头看看虚拟dom这一章节

2020-01-15
2
Joy
请问下老师,现在我们的项目是后端模板渲染的,想改成spa,但是多页时的路由要保留,这个有什么方法解决呢?

作者回复: History模式的路由应该可以满足你的需求吧

2019-12-27
2
1
Vivian
老师,请教一个问题路由处理是异步的吗 比如,在收到指令a时,push一个路由,在收到指令b时go(-1) a b指令都是异步的,假如先收到b指令,与此同时收到了a指令,如何保证先处理go(−1),再push新的路由呢

作者回复: 哪个先收到就先处理哪个,js是单线程的,不会存在“同时”

2019-04-12
1
chenhongbinjs
老师,按照官方文档操作的路由按需加载,懒加载,为什么我操作下来还是第一次会一块加载呢?

作者回复: Link prefetch 预加载 功能 打开审查元素,可以看到link上有 prefetch

2019-04-10
1
geek_虎口脱险
老师 后面会讲到cli3多页面吗

作者回复: 不会的,这个可以自行查看文档:https://cli.vuejs.org/zh/config/#pages

2019-03-31
1
成增增
您好,老师,加入 当前状态 已经到了 /foo 在点击 go to foo 按钮进行$router.push('foo') 报错: Vue warn]: Error in v-on handler (Promise/async): "NavigationDuplicated: Navigating to current location ("/foo") is not allowed" found in ---> <RouterDemo> at src/components/RouterDemo.vue <App> at src/App.vue <Root> warn @ vue.runtime.esm.js?2b0e:619 logError @ vue.runtime.esm.js?2b0e:1884 globalHandleError @ vue.runtime.esm.js?2b0e:1879 handleError @ vue.runtime.esm.js?2b0e:1839 eval @ vue.runtime.esm.js?2b0e:1856 Promise.catch (async) invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1856 invoker @ vue.runtime.esm.js?2b0e:2179 original._wrapper @ vue.runtime.esm.js?2b0e:6917 vue.runtime.esm.js?2b0e:1888 NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated", message: "Navigating to current location ("/foo") is not allowed", stack: "Error↵ at new NavigationDuplicated (webpack-int…node_modules/vue/dist/vue.runtime.esm.js:2178:14)"}

作者回复: 这是vue router新版本添加的提醒 理论上在业务层面应该避免重复路由

2020-03-18
Geek_6ddf30
老师为什么路由的路径中会有#,例如:http://localhost:8080/#/foo ,如果我想要路径是 http://localhost:8080/foo 要怎么处理?
2020-03-12
2
3
收起评论