react router 程式設計式導航

2021-10-23 09:18:36 字數 711 閱讀 1630

還記得vue裡面的路由是怎麼寫的嗎?

在vue裡面,路由需要:

引入->例項化路由物件 ->定義規則->掛載到全域性->路由佔坑(在頁面中使用)

vue裡面路由導航也有兩種方式:

router-link 是配合router-view使用在頁面當中的

另一種是在函式被觸發的時候執行this.$router.push(路由路徑)

後一種也被稱為程式設計式導航

而在react裡面也有兩種

上述的導航是第一種,直接在頁面中配合route使用的link 與to 搭配,在與route裡面的規則對應使用

而另一種是通過函式來觸發的,

這裡我們通過home來實現跳轉about:

程式設計式路由

什麼是程式設計式路由?通過js來實現頁面的跳轉 router.push name router.push router.push 或者 router.push router.go 1 例項 在商品列表頁面跳轉到購物車頁面 1 新建購物車頁面cart.vue 2 index.jsp中配置 引入元件 3...

採用程式設計式事務

採用程式設計式事務 1 getcurrentsession 與opensession 的區別?採用getcurrentsession 建立的session會繫結到當前執行緒中,而採用opensession 建立的session則不會 採用getcurrentsession 建立的session在co...

spring程式設計式事務

程式設計式事務 需要編寫 控制事務在 開始,提交,回滾。public class stucardserviceimpl implements stucardservice scdao.updatestucardbycardno sourcecard system.out.println 支付完成!商...