最火下载站首页
手机版
最火下载站
关注公众号
最火下载站

当前位置:首页 > 网络知识 > Web前端 > 工具与技巧> Vue Router知识点

Vue Router知识点

文章作者:网友投稿 发布时间:2019-06-22 13:24:50 来源:网络

Vue Router 是 Vue.js 官方的路由管理器,它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。接下来让我们一起学习一下吧!

Vue Router 是 Vue.js 官方的路由管理器,它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。接下来让我们一起学习一下吧!


1、vue-router如何响应 路由参数 的变化?

vr1.png

复用组件时,想对路由参数的变化作出响应的话,你可以简单地 watch (监测变化) $route 对象:

vr2.png


2、完整的 vue-router 导航解析流程

vr3.png


3、vue-router有哪几种导航钩子( 导航守卫 )?

vrdh1.png

vrdh2.png

vrdh3.png


4、vue-router的几种实例方法以及参数传递

vrff.png


5、vue-router的动态路由匹配以及使用

vrly.png


6、vue-router如何定义嵌套路由?

vrqtly.png


7、组件及其属性

rl.png


8、vue-router实现路由懒加载( 动态加载路由 )

vrljz.png


9、vue-router路由的两种模式

vue-router 默认 hash 模式

vrms1.png

HTML5 History 模式

vrms2.png

10、history路由模式与后台的配合 

在服务端增加一个覆盖所有情况的候选资源:如果 URL 匹配不到任何静态资源,则应该返回同一个 index.html 页面,这个页面就是你 app 依赖的页面;然后在给出一个 404 页面。



上一篇: vue 知识点总结

下一篇: Vuex 知识点

共有0条评论网友评论