新聞中心
本文章向大家介紹使用vue-router怎么實(shí)現(xiàn)一個(gè)組件間跳轉(zhuǎn)功能,主要包括使用vue-router怎么實(shí)現(xiàn)一個(gè)組件間跳轉(zhuǎn)功能的使用實(shí)例、應(yīng)用技巧、基本知識(shí)點(diǎn)總結(jié)和需要注意事項(xiàng),具有一定的參考價(jià)值,需要的朋友可以參考一下。
創(chuàng)新互聯(lián)公司從2013年成立,是專(zhuān)業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司,擁有項(xiàng)目網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)網(wǎng)站策劃,項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命,1280元桐梓做網(wǎng)站,已為上家服務(wù),為桐梓各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:028-86922220
Vue的優(yōu)點(diǎn)
Vue具體輕量級(jí)框架、簡(jiǎn)單易學(xué)、雙向數(shù)據(jù)綁定、組件化、數(shù)據(jù)和結(jié)構(gòu)的分離、虛擬DOM、運(yùn)行速度快等優(yōu)勢(shì),Vue中頁(yè)面使用的是局部刷新,不用每次跳轉(zhuǎn)頁(yè)面都要請(qǐng)求所有數(shù)據(jù)和dom,可以大大提升訪問(wèn)速度和用戶體驗(yàn)。
login ---用戶名--->main
①明確發(fā)送方和接收方
②配置接收方的路由地址
{path:'/myTest',component:TestComponent}
-->
{path:'/myTest/:id',component:TestComponent}
③接收方獲取傳遞來(lái)的數(shù)據(jù)
this.$route.params.id
④跳轉(zhuǎn)的時(shí)候,發(fā)送參數(shù)
this.$router.push('/myTest/20')
代碼:
傳參 {{msg}}
傳參練習(xí) {{msg}}
到此這篇關(guān)于使用vue-router怎么實(shí)現(xiàn)一個(gè)組件間跳轉(zhuǎn)功能的文章就介紹到這了,更多相關(guān)的內(nèi)容請(qǐng)搜索創(chuàng)新互聯(lián)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持創(chuàng)新互聯(lián)!
本文名稱(chēng):使用vue-router怎么實(shí)現(xiàn)一個(gè)組件間跳轉(zhuǎn)功能
本文來(lái)源:http://www.ef60e0e.cn/article/goccci.html