国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

一步一步創(chuàng)建你自己的Vue路由器

xuxueli / 374人閱讀

摘要:上述路由還有點小問題,就是會刷新頁面,下一篇來探討下怎么樣實現(xiàn)不刷新頁面的路由器。

創(chuàng)建一個基本路由器組件

我們首先創(chuàng)建用于路由的兩個頁面Home.vue和List.vue用于路由的兩個頁面

Home.vue


List.vue

定義路由和渲染路由

我們先來創(chuàng)建一個AppRouter.vue文件,它將成為路由器組件本身,并具有路由的定義



這里我們采用component 來動態(tài)渲染不同的路由組件

使用路由

我們看下app配置路由的使用




一個簡單的路由組器就實現(xiàn)了。

https://codesandbox.io/s/jjv1...
上述demo在這里可以看到。

上述路由還有點小問題,就是會刷新頁面,下一篇來探討下怎么樣實現(xiàn)不刷新頁面的路由器。

謝謝

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/94707.html

相關(guān)文章

  • Vue雙向綁定原理,教步一步實現(xiàn)雙向綁定

    摘要:儲存訂閱器因為屬性被監(jiān)聽,這一步會執(zhí)行監(jiān)聽器里的方法這一步我們把也給弄了出來,到這一步我們已經(jīng)實現(xiàn)了一個簡單的雙向綁定了,我們可以嘗試把兩者結(jié)合起來看下效果。總結(jié)本文主要是對雙向綁定原理的學(xué)習(xí)與實現(xiàn)。 當(dāng)今前端天下以 Angular、React、vue 三足鼎立的局面,你不選擇一個陣營基本上無法立足于前端,甚至是兩個或者三個陣營都要選擇,大勢所趨。 所以我們要時刻保持好奇心,擁抱變化,...

    Labradors 評論0 收藏0
  • 2019年如何成為全棧工程師?

    摘要:集成測試測試流程或組件是否按預(yù)期運行。階段性總結(jié)以上這些還不足以成為一個優(yōu)秀的全棧工程師,畢竟還有很多領(lǐng)域沒覆蓋到,但我還是要說路要一步一步走,學(xué)習(xí)也得一步一步來,學(xué)無止境,,一起加油。 2019年到了,每個前端工程師都有一顆全棧的心,我也不例外,但隨著前端能做的事情越來越多,前端的知識體系也越來越復(fù)雜,面對密集的知識點,我是倍感心里憔悴呀,浸沒在術(shù)語和工具的浩瀚海洋中一度讓我感到沮喪...

    pingan8787 評論0 收藏0
  • vue常用知識點總結(jié)

    摘要:這里借鑒了一下的處理方式,我們把單獨模塊的包裝成一個函數(shù),提供一個全局的回調(diào)方法,加載完成時候再調(diào)用回調(diào)函數(shù)。 感謝本文引用鏈接的各位大佬們,小菜鳥我只是個搬運工 1.談一談你理解的vue是什么樣子的? vue是數(shù)據(jù)、視圖分離的一個框架,讓數(shù)據(jù)與視圖間不會發(fā)生直接聯(lián)系。MVVM 組件化:把整體拆分為各個可以復(fù)用的個體 數(shù)據(jù)驅(qū)動:通過數(shù)據(jù)變化直接影響bom展示,避免dom操作。 可以在...

    xiaokai 評論0 收藏0

發(fā)表評論

0條評論

xuxueli

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<