Vue-router中query和params有何本质区别，如何选择使用？

本文共计757个文字，预计阅读时间需要4分钟。

目录 + 理解vue-router一. query和params的知识点 1. 使用params传参，路由配置时path需带动态参数 2. 使用query传参，路由配置时path不带参数 3. 想了解详情

目录

• 认识vue-router
• 一. query和params的知识点理解
• 二. query和params的使用方法
• 1.使用params传参，路由配置的时候path要带上动态参数
• 2. 使用query传参，路由配置的时候path不用带参数
• 3. 要是想获取参数值：各自的获取方法是：
• 三. query和params在浏览器地址的显示方式

认识vue-router

目前前端流行的三大框架，都有自己的路由实现：

• Angular的ngRouter
• React的ReactRouter
• Vue的vue-router

vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。
我们可以访问其官方网站对其进行学习：router.vuejs.org/zh/

vue-router是基于路由和组件的

• 路由用户设定访问路径的，将路径和组件映射起来。