vue中怎么增加一個路由

vue中增加一個路由的方法：1、搭建好Vue腳手架；2、打開項目文件夾；3、在文件目錄src中的component下創(chuàng)建一個新的vue頁面，寫入測試代碼；4、打開src下的router目錄下的index.js文件，增加新的路由代碼即可。

本教程操作環(huán)境：Windows10系統(tǒng)、Vue2.0版、DELL G3電腦

vue中怎么增加一個路由？

Vue中添加新的路由并訪問

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

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

3、在文件目錄src中的component下創(chuàng)建一個新的vue頁面，寫入測試代碼

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

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

推薦學(xué)習(xí)：《vue視頻教程》