溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
一、安裝
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)配置。
方法二：如果切換的頁面較多，可以建一個專門用于路由的js文件，里面配置路徑。
1）router.js配置文件
2）main.js里引入router.js路由文件
2、組件里調(diào)用
1）使用router-view標(biāo)簽給vue組件的跳轉(zhuǎn)提供一個容器
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)的方法詳解，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對億速云網(wǎng)站的支持！
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機(jī)網(wǎng)站二維碼
