一、安裝

1、安裝路由vue-router:

npm install vue-router

vue項(xiàng)目的依賴文件node_modules存在vue-router依賴，說明安裝成功

2、vue項(xiàng)目引入vue-ruoter：

二、應(yīng)用

1、路徑配置（頁面跳轉(zhuǎn)）：

方法一：如果切換的頁面不多，可以直接在main.js文件內(nèi)配置。

方法二：如果切換的頁面較多，可以建一個(gè)專門用于路由的js文件，里面配置路徑。

1）router.js配置文件

2）main.js里引入router.js路由文件

2、組件里調(diào)用

1）使用router-view標(biāo)簽給vue組件的跳轉(zhuǎn)提供一個(gè)容器

2）使用router-link標(biāo)簽實(shí)現(xiàn)跳轉(zhuǎn)（它類似于a標(biāo)簽，區(qū)別在于router-link跳轉(zhuǎn)不需要刷新頁面）

跳轉(zhuǎn)至table組件：

3、實(shí)現(xiàn)效果

項(xiàng)目的首頁：

點(diǎn)擊table后跳轉(zhuǎn)：

總結(jié)

以上所述是小編給大家介紹的vue2.0項(xiàng)目實(shí)現(xiàn)路由跳轉(zhuǎn)的方法詳解，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com