vue中怎麼增加一個路由

vue中增加一個路由的方法：1、搭建好Vue腳手架；2、開啟專案資料夾；3、在檔案目錄src中的component下建立新的vue頁面，寫入測試程式碼； 4.開啟src下的router目錄下的index.js文件，增加新的路由代碼即可。

本教學操作環境：Windows10系統、Vue2.0版、DELL G3電腦

vue中怎麼增加一個路由？

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頁面。 ###### 推薦學習：《###vue影片教學###》###

以上是vue中怎麼增加一個路由的詳細內容。更多資訊請關注PHP中文網其他相關文章！