Vue Router如何設計乙個高擴充套件性的路由

2021-10-04 09:18:10 字數 805 閱讀 3465

我們在使用vue做專案開發的時候,路由這一塊肯定是少不了的。我們是否真正去考慮過、設計過如何才能整乙個漂亮的、高擴充套件性的路由。

可能很多開發者不以為然,認為路由嘛,不久是那麼回事嘛,直接開擼就完事了,如果後期有什麼需求,加什麼頁面,再隨便加個路由,指向乙個頁面就行了。那麼我可以很明確的告訴你,小專案這麼幹,可能問題不大,如果稍微大一點的專案,幾百個路由的時候,你不做區分,不做規劃,那麼可能你自己都會看懵逼,整個路由混亂不堪。

可能我這麼說,你們還是覺得沒什麼說服力,下面我來舉乙個實際的例子(我以ant-design為例),看看高擴充套件性的路由是如何設計的:

現在我們有登入頁和註冊頁,此處暫停兩分鐘,請你思考一下,你會怎麼來寫這個路由?

下面來看看我的思考:

2.登入、註冊都是在乙個view中展示出來的,我們需要乙個容器來承載這兩個頁面

3.後期還會新增忘記密碼、重置密碼等功能嗎?如何才能優雅的融入?

,,,

//忘記密碼

//重置密碼]}

我們通過user來做識別,user下面的路由都是和使用者相關的,userlayout.vue作為乙個容器,承載子元件,或者承載共有元素;我們希望展示的是登入頁,所以利用重定向來實現。現在是不是看起來優雅多了,如果有一天,你接到通知,需要新增乙個忘記密碼,是不是......嗯,就不多說了。

如何設計乙個秒殺系統

秒殺場景一般會在電商 舉行一些活動或者節假日在12306 上搶票時遇到。對於電商 中一些稀缺或者 商品,電商 一般會在約定時間點對其進行限量銷售,因為這些商品的特殊性,會吸引大量使用者前來搶購,並且會在約定的時間點同時在秒殺頁面進行搶購。限流 鑑於只有少部分使用者能夠秒殺成功,所以要限制大部分流量,...

如何設計乙個秒殺系統

秒殺場景一般會在電商 舉行一些活動或者節假日在12306 上搶票時遇到。對於電商 中一些稀缺或者 商品,電商 一般會在約定時間點對其進行限量銷售,因為這些商品的特殊性,會吸引大量使用者前來搶購,並且會在約定的時間點同時在秒殺頁面進行搶購。限流 鑑於只有少部分使用者能夠秒殺成功,所以要限制大部分流量,...

如何設計乙個秒殺系統

秒殺一般是訪問請求數量遠遠大於庫存數量,只有少部分使用者能夠秒殺成功。秒殺業務流程比較簡單,一般就是下訂單減庫存。瀏覽器端 js 服務端控制器層 閘道器層 服務層利用快取應對讀請求 對類似於12306等購票業務,是典型的讀多寫少業務,大部分請求是查詢請求,所以可以利用快取分擔資料庫壓力。利用快取應對...