vue-router
Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有:
- 嵌套的路由/视图表
- 模块化的、基于组件的路由配置
- 路由参数、查询、通配符
- 基于 Vue.js 过渡系统的视图过渡效果
- 细粒度的导航控制
- 带有自动激活的 CSS class 的链接
- HTML5 历史模式或 hash 模式,在 IE9 中自动降级
- 自定义的滚动条行为
至于vue-router,官网上已经描述的很详细了,就不再重复了,其功能基本都可以在业务开发上派上用场:
- 动态路由匹配:是路由间传参必备手段
- 嵌套路由:这个在模块化管理上是非常有用的
- 编程式的导航:转跳建议使用,不建议使用router-link
- 命名视图:可用于做layout布局
- 重定向:记住redirect即可,可用于404页面
- 导航守卫+路由元信息:登陆验证
- 过渡动效:优化用户体验
- 路由懒加载:有效优化首屏渲染时间、增强用户体验
- 滚动行为:优化用户体验