vue中實現路由跳轉的三種方式（精選）

1、router-link 

<router-link to='需要跳轉到的頁面的路徑'>

<li>
    <router-link>水香木魚</router-link>
</li>

 

注意：跳轉的連結要在路由當中引入。

2、this.$router.push({ path:'/user'})

常用於路由傳參，用法同第三種

區別：

（1）、query引入方式

params只能用name來引入路由

而query 要用path引入

（2）、query傳遞方式

類似於我們ajax中get傳參，在瀏覽器位址列中顯示引數

params則類似於post，在瀏覽器位址列中不顯示引數 

傳遞的檔案

this.$router.push({    //核心語句
    path："/select",       //跳轉的路徑
    query：{    //路由傳參時push和query搭配使用，作用時傳遞引數 
        id:this.id,
    }
})

 接收的檔案

this.id=this.$route.query.id,//接收引數關鍵程式碼

3、this.$router.replace(path:'/')