Vue中添加新的路由並訪問


1、搭建好Vue腳手架(這里使用的版本是Vue2.0)

2、在代碼編輯器(這里使用的是Sublime Text)打開項目文件夾

3、在文件目錄src中的component下創建一個新的vue頁面,寫入測試代碼

4、打開src下的router目錄下的index.js文件,增加新的路由代碼,此處注意的一點是,通過添加mode:'history'可以去除vue訪問頁面時的#/

5、通過npm run dev項目運行后,輸入localhost:8080/myVue,可以看到頁面跳轉到了我們新添加的myTestVue.vue頁面。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM