溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
一、安裝
1、安裝路由vue-router:
npm install vue-router
vue項目的依賴文件node_modules存在vue-router依賴，說明安裝成功
2、vue項目引入vue-ruoter：
二、應用
1、路徑配置（頁面跳轉）：
方法一：如果切換的頁面不多，可以直接在main.js文件內配置。
方法二：如果切換的頁面較多，可以建一個專門用于路由的js文件，里面配置路徑。
1）router.js配置文件
2）main.js里引入router.js路由文件
2、組件里調用
1）使用router-view標簽給vue組件的跳轉提供一個容器
2）使用router-link標簽實現跳轉（它類似于a標簽，區別在于router-link跳轉不需要刷新頁面）
跳轉至table組件：
3、實現效果
項目的首頁：
點擊table后跳轉：
總結
以上所述是小編給大家介紹的vue2.0項目實現路由跳轉的方法詳解，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
