useRouter useRoute router-link

useRouter useRoute两者区别：

useRouter带 r 的，可以跳转路由，并且在跳转路由的同时发送参数.

useRoute 不带r 的，可获取对应的参数。

用法：

(1) 在vue 的script中从vue-router中引入 useRouter 和useRoute

import  {useRoute}  from 'vue-router';

const route=useRoute( )

(2) 

import  {useRouter}  from 'vue-router';

const route=useRouter( );

2.使用变量.push('路径' ) 跳转页面

①变量.push( '路径'？参数+值 ) 传参 

例子：

const goHome=()=>{

router.push( ' /?id+1 ');

}

② 变量.push({ path:' ' ,query:{参数} })  传参 

参数是对象，不需要写{ } 

变量2  query 获取传参

页面中 可使用vue2的 $ router 等，script  不可以

router-link 跳转页面并传参

<router-link  to="路径" ></router-link>

<router-link  to="路径?参数" ></router-link>

<router-link  to="{path='/about'}" ></router-link>

<router-link  to=" {path:' ', query:参数}" ></router-link>