admin管理员组

文章数量:1633836

vue-router是对浏览器BOM对象里的history的封装。

目录

  • 路由类型
    • 动态路由匹配
    • 嵌套路由
    • 编程式路由
    • 命名路由

路由类型

  1. 动态路由匹配
  2. 嵌套路由
  3. 编程式路由
  4. 命名路由和命名视图

动态路由匹配

在路由路径里添加“/：参数名”

path: '/goods/:goodsId'

组件里获取参数使用

{
   {
   $route.params.goodsId}}

嵌套路由

场景：页面中需要使用二级子菜单。如个人中心一级菜单下，有个人资料、我的收藏、购物车等二级菜单。

在路由里使用children

export default new Router({
   
  routes: [
    {
   
      path: '/goods',
      name: 'GoodsList',
      component

本文标签： 四种路由定义方式vue

版权声明：本文标题：vue-router定义路由的四种方式 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/dianzi/1729178446a1189015.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。