2024年最全使用Vue Router在页面间传参(1)，数据库开发面试自我介绍范文

总结

前端资料汇总

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

• 框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。

• 算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯

• 在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。

• 要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！
  喜欢这篇文章文章的小伙伴们点赞+转发支持，你们的支持是我最大的动力！

      icon: 'nested'
  
    }
  
  },
  
  {
  
    path: 'add',
  
    component: () => import('@/views/brand/add.vue'),
  
    meta: {
  
      name: 'brandAdd',
  
      title: '新增品牌',
  
      icon: 'nested',
  
      hidden: true
  
    }
  
  }
  

  ]

  },

  {

  path: ‘*’,

  redirect: ‘/404’,

  meta: { hidden: true }

  }

]

})

2、页面间跳转可以使用router-link标签或者Vue对象的router.push方法完成页面跳转，即

新增品牌

this.$router.push(path='/brand/add', query={ 'id': brandId })



上面两种方式都可以实现页面的跳转，但是需要注意的是如果是需要在页面间传递对象，可以通过params属性，但是params属性不能跟path使用，必须跟name一起使用，否则无法传递数据，即下面的方式



this.$router.push(name='brandAdd', query={ 'id': brandData })



下面这种使用方式无法在页面间传递数据



this.$router.push(path='/brand/add', query={ 'data': brandData })



跳转页面获取参数方式



this.$route.query.id



this.$route.params.data



参考文章：



1、[https://router.vuejs.org/guide/essentials/navigation.html]( )



  

### 总结

**前端资料汇总**

**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**

![](https://i-blog.csdnimg.cn/blog_migrate/76efd569a51c5aef0b8848e79c9e7dd7.png)

*   框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。

*   算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯



*   在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。

*   要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！
    喜欢这篇文章文章的小伙伴们点赞+转发支持，你们的支持是我最大的动力！