我不怕笑話,我就是這麽想的。畢竟我是第壹次使用Uni-app。因為我在懷孕期間記性不好,所以我決定做筆記來加深記憶。
框架以統壹的方式管理Uni-app頁面路由。我們需要在page.json文件中配置每個頁面的路由和頁面樣式,該文件類似於小程序中的app.json文件,因此uni-app的路由用法和編寫與vue-router不同。
項目初始化完成,對應的page.json文件為:
Uni-app通過pages節點配置應用程序擁有的頁面,並接收壹個數組,每個元素都是壹個對象,屬性為:
Uni-app頁面路由跳轉有兩種方式:使用導航器組件跳轉和調用API跳轉。
1,導航器組件跳轉
類似於A標簽,但只能跳轉到本地頁面,目標頁面必須在page.json中註冊。
導航器屬性包括:
開放式有效值
2.單壹應用程序API跳轉
使用API頁面以下列方式跳轉:
框架以堆棧的形式管理所有當前頁面。當發生路由交換時,頁面堆棧的行為如下:
模式1:加載接收
模式2:2中的糖接收:設置語法
onLoad函數用於監控頁面加載,接收到的參數是頁面傳遞的數據,這是壹個對象類型。
看到這裏,我相信我可以很快上手uni-app+vue3項目路由。妳也可以參考官方網站的教程:https://UNIAPP.dcloud.io/tutorial/page.html # % E8 % B7 % AF % E7 % 94% b 1。