vue中增加一個(gè)路由的方法:1、搭建好Vue腳手架;2、打開項(xiàng)目文件夾;3、在文件目錄src中的component下創(chuàng)建一個(gè)新的vue頁(yè)面,寫入測(cè)試代碼;4、打開src下的router目錄下的index.js文件,增加新的路由代碼即可。
本教程操作環(huán)境:Windows10系統(tǒng)、Vue2.0版、DELL G3電腦
vue中怎么增加一個(gè)路由?
Vue中添加新的路由并訪問
1、搭建好Vue腳手架(這里使用的版本是Vue2.0)
2、在代碼編輯器(這里使用的是Sublime Text)打開項(xiàng)目文件夾
3、在文件目錄src中的component下創(chuàng)建一個(gè)新的vue頁(yè)面,寫入測(cè)試代碼
4、打開src下的router目錄下的index.js文件,增加新的路由代碼,此處注意的一點(diǎn)是,通過添加mode:'history'可以去除vue訪問頁(yè)面時(shí)的#/
5、通過npm run dev項(xiàng)目運(yùn)行后,輸入localhost:8080/myVue,可以看到頁(yè)面跳轉(zhuǎn)到了我們新添加的myTestVue.vue頁(yè)面。
推薦學(xué)習(xí):《vue視頻教程》