【Vue3】路由动态传参的规则【params和query匹配的路由方式不一样，务必注意】

基于params参数【对用的路由途径必须为name匹配---不能使用path匹配】

 <!-- router-link 跳转 -->
<router-link :to="{name: 'detail', params: {name: 'React 基础学习'}}">2. React 基础学习</router-link>

 基于query传参【对用的路由途径必须为path匹配---不能使用name匹配】

 <!-- router-link 跳转 -->
<router-link :to="{path: '/detail', query: { id: 1 }}">2. React 基础学习</router-link>

路由动态传参的官网：VueRouter 路由传参丨慕课网教程