代码如下:

export default new Router({mode: 'history', //路由模式,取值为history与hashbase: '/', //打包路径,默认为/,可以修改routes: [{path: string, //路径ccomponent: Component; //页面组件name: string; // 命名路由-路由名称components: { [name: string]: Component }; // 命名视图组件redirect: string | Location | Function; // 重定向props: boolean | string | Function; // 路由组件传递参数alias: string | Array<string>; // 路由别名children: Array<RouteConfig>; // 嵌套子路由beforeEnter?: (to: Route, from: Route, next: Function) => void; // 路由单独钩子meta: any; // 自定义标签属性,比如:是否需要登录icon: any; // 图标// 2.6.0+caseSensitive: boolean; // 匹配规则是否大小写敏感?(默认值:false)pathToRegexpOptions: Object; // 编译正则的选项}]})

转载于:https://blog.51cto.com/4547985/2390813

vue-router之路由属性配置说明(十)相关推荐

  1. Vue Router 实现路由控制实战

    本文是我在学习过程中记录学习的点点滴滴,目的是为了学完之后巩固一下顺便也和大家分享一下,日后忘记了也可以方便快速的复习. Vue Router 实现路由控制实战 前言 一.什么是单页面应用及实现前端路 ...

  2. 面试考问Vue Router 的路由模式,这个回答令我直接出局!

    HR力荐了一个工作 4 年,目前年薪 40W+ 的候选人. 看他简历,从 HTML,CSS,JavaScript ,Vue.js ,再到React 一个都不缺,跨平台PC.移动端.小程序也都接触过,像 ...

  3. 你真的理解 Vue Router 的路由模式吗?

    HR力荐了一个工作 4 年,目前年薪 40W+ 的候选人. 看他简历,从 HTML,CSS,JavaScript ,Vue.js ,再到React 一个都不缺,跨平台PC.移动端.小程序也都接触过,像 ...

  4. 面试考问Vue Router 的路由模式,这个回答令我直接出局~

    HR力荐了一个工作 4 年,目前年薪 40W+ 的候选人. 看他简历,从 HTML,CSS,JavaScript ,Vue.js ,再到React 一个都不缺,跨平台PC.移动端.小程序也都接触过,像 ...

  5. vue router children 路由变了 组件没变_Vue.js从零开始——路由(2)

    因为一些原因,我断更了几天时间,因为要准备面试 + 不在家,抱歉大家! 题图是一个大概的 Vue 模块化项目组成,当然因为我从网上找的,所以可以忽略当中的 Bulma,这其实是一个 CSS 框架,往简 ...

  6. Vue Router 命名路由、(嵌套)命名视图

    命名路由 在Vue Router中 除了 path 之外,还可以为任何路由提供 name. const routes = [{path: '/user/:username',name: 'user', ...

  7. 注意避坑,Vue Router 4: 路由参数在 created/setup 时不可用

    有梦想,有干货,微信搜索 [大迁世界] 关注这个在凌晨还在刷碗的刷碗智. 本文 GitHub https://github.com/qq449245884/xiaozhi 已收录,有一线大厂面试完整考 ...

  8. vue——router更改路由地址,但是页面不能跳转

    在做电商项目时,筛选标签时,需要路由发生变化,但是当前的页面商品列表还需要局部刷新. 如果更改路由后,页面跳转,则是全局刷新,局部刷新才能够满足用户需求. 则此时要做的就是:更改路由地址,但是页面不能 ...

  9. vue router 的路由传参 params 和 query 的 区别

    1. 不带参数<router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}&qu ...

最新文章

  1. es6学习笔记11--Proxy和Reflect
  2. win7普通家庭版硬盘分区
  3. 解决Driver/library version mismatch
  4. Python爬虫系列:判断目标网页编码的几种方法
  5. 调用Kubernetes SDK实现二次开发
  6. PyCharm汉化包安装下载及PyCharm无法进行设置问题
  7. 6个功能杰出的黑科技APP, 每一个都令你大开眼见!
  8. Excel中单元格引用
  9. 《程序员拒绝一个合理需求的15个方法!》
  10. uniapp中制作战力计算器
  11. 服务器电脑增加机械硬盘分区,台式电脑加新、旧机械硬盘分区教程 旧机械硬盘可以装新电脑上吗?...
  12. 关于快速学习一项新技术或新领域的一些个人思维习惯与思想总结
  13. 区块链技术与应用实验报告(实验三)
  14. Shor’s algorithm
  15. Xcode更改包名和APP名称
  16. java图片马赛克_朋友圈照片打上马赛克,就真的安全了吗?
  17. python爬虫入门教程(三):淘女郎爬虫 ( 接口解析 | 图片下载 )
  18. 第三方物流学习(六)
  19. impala经验之谈
  20. MFC Tab 控件使用

热门文章

  1. Java 异常处理的误区和经验总结
  2. 沈向洋谈做研究的那些事儿
  3. 如何与人交流——程序员,赶紧生个孩子吧!
  4. 模式识别Pattern Recognition和机器学习Machine Learning资源
  5. 在Rancher 1.6上部署Traefik负载均衡器
  6. 联通和阿里云合作 试点打通全国IT系统
  7. Linux+db2+was部署问题总结
  8. GPUimage实时滤镜的实现
  9. VC++ 中ListCtrl经验总结
  10. Hibernate Tomcat JNDI数据源配置(转)