前端知識點---路由模式-實例模式和單例模式(ts)

在 ArkTS(Ark UI 框架)中,路由實例模式(Standard Instance Mode)主要用于管理頁面跳轉。當創建一個新頁面時,可以選擇標準實例模式(Standard Mode)或單實例模式(Single Mode)。

路由實例模式

  1. 標準實例模式(Standard Mode)
    每次跳轉都會創建一個新的頁面實例。
    適用于 允許用戶打開多個相同頁面的情況。
    不會復用已有的頁面實例,每次跳轉都會創建新的頁面實例,用戶返回時可以看到之前的頁面狀態。

  2. 單實例模式(Singleton Mode)
    相同的頁面始終只有一個實例,不會創建多個副本。
    適用于 同一個頁面不需要重復創建的情況,比如 設置頁面。
    如何在 ArkTS 中創建一個新頁面(標準實例模式)
    使用 router.pushUrl() 進行頁面跳轉時,默認采用 標準實例模式。

示例:創建并跳轉到新頁面
步驟 1:創建 PageA 頁面

@Entry
@Component
struct PageA {build() {Column() {Text('這是 PageA')Button('跳轉到 PageB').onClick(() => {router.pushUrl({url: 'pages/PageB',  // 指定要跳轉的頁面路徑mode: RouterMode.Standard  // 使用標準實例模式})})}}
}

步驟 2:創建 PageB 頁面

@Entry
@Component
struct PageB {build() {Column() {Text('這是 PageB')}}
}

詳細解析

  1. router.pushUrl()
    url: ‘pages/PageB’ → 指定跳轉的目標頁面。
    mode: RouterMode.Standard → 使用標準實例模式,每次跳轉都會創建新的 PageB 實例。

  2. 什么時候使用標準實例模式?
    適用于需要創建多個相同頁面實例的場景
    例如:新聞詳情頁,每次打開不同的新聞都會創建新的實例。
    例如:表單頁面,每次填寫新表單都會創建新的實例。
    單實例模式(僅創建一個頁面實例)
    如果希望同一個頁面只創建一個實例,可以使用 單實例模式:

router.pushUrl({url: 'pages/PageB',mode: RouterMode.Single  // 只創建一個實例
})

如果頁面已經存在,則不會重新創建,而是直接返回已有頁面。

總結
在這里插入圖片描述

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/897324.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/897324.shtml
英文地址,請注明出處:http://en.pswp.cn/news/897324.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

【leetcode hot 100 73】矩陣置零

解法一:(使用兩個標記變量)用矩陣的第一行和第一列代替方法一中的兩個標記數組(col、row[ ]:第幾列、行出現0),以達到 O(1) 的額外空間。 這樣會導致原數組的第一行和第一列被修改,…

【十三】Golang 通道

💢歡迎來到張胤塵的開源技術站 💥開源如江河,匯聚眾志成。代碼似星辰,照亮行征程。開源精神長,傳承永不忘。攜手共前行,未來更輝煌💥 文章目錄 通道通道聲明初始化緩沖機制無緩沖通道代碼示例 帶…

【JAVA架構師成長之路】【電商系統實戰】第12集:秒殺系統性能優化實戰(CAN + Nginx + Sentinel)

30分鐘課程:秒殺系統性能優化實戰(CDN Nginx Sentinel) 課程目標 掌握靜態資源 CDN 加速的配置與優化策略。通過 Nginx 實現負載均衡,提升系統橫向擴展能力。使用 Sentinel 實現服務降級,保障核心鏈路穩定性。 課程…

K8S學習之基礎十八:k8s的灰度發布和金絲雀部署

灰度發布 逐步擴大新版本的發布范圍,從少量用戶逐步擴展到全體用戶。 特點是分階段發布、持續監控、逐步擴展 適合需要逐步驗證和降低風險的更新 金絲雀部署 將新版本先部署到一小部分用戶或服務器,觀察其表現,再決定是否全面推廣。 特點&…

畢業項目推薦:基于yolov8/yolo11的蘋果葉片病害檢測識別系統(python+卷積神經網絡)

文章目錄 概要一、整體資源介紹技術要點功能展示:功能1 支持單張圖片識別功能2 支持遍歷文件夾識別功能3 支持識別視頻文件功能4 支持攝像頭識別功能5 支持結果文件導出(xls格式)功能6 支持切換檢測到的目標查看 二、數據集三、算法介紹1. YO…

redis有哪幾種持久化方式

Redis 提供了兩種持久化方式:RDB(Redis Database) 和 AOF(Append-Only File)。它們各有優缺點,適用于不同的場景。以下是它們的原理、優缺點以及如何選擇的建議: 1. RDB(Redis Datab…

Unity引擎使用HybridCLR(華佗)熱更新

大家好,我是阿趙。 ??阿趙我做手機游戲已經有十幾年時間了。記得剛開始從做頁游的公司轉到去做手游的公司,在面試的時候很重要的一個點,就是會不會用Lua。使用Lua的原因很簡單,就是為了熱更新。 ??熱更新游戲內容很重要。如果…

DeepSeek R1-7B 醫療大模型微調實戰全流程分析(全碼版)

DeepSeek R1-7B 醫療大模型微調實戰全流程指南 目錄 環境配置與硬件優化醫療數據工程微調策略詳解訓練監控與評估模型部署與安全持續優化與迭代多模態擴展倫理與合規體系故障排除與調試行業應用案例進階調優技巧版本管理與迭代法律風險規避成本控制方案文檔與知識傳承1. 環境配…

大白話html語義化標簽優勢與應用場景

大白話html語義化標簽優勢與應用場景 大白話解釋 語義化標簽就是那些名字能讓人一看就大概知道它是用來做什么的標簽。以前我們經常用<div>來做各種布局&#xff0c;但是<div>本身沒有什么實際的含義&#xff0c;就像一個沒有名字的盒子。而語義化標簽就像是有名…

軟件工程---構件

在軟件工程中&#xff0c;構件是一個獨立的、可復用的軟件單元&#xff0c;它具有明確的功能、接口和行為&#xff0c;并且可以在不同的環境中加以集成和復用。構件的概念是軟件架構和組件化開發的核心思想之一&#xff0c;其目的是促進軟件系統的模塊化、可維護性和可擴展性。…

MES機聯網4:文檔資料

目錄信息 MES機聯網1&#xff1a;技術方案MES機聯網2&#xff1a;采集網關MES機聯網3&#xff1a;管理后臺MES機聯網4&#xff1a;文檔資料 MQ接入文檔 1、建立連接 mqtt連接地址: 192.168.0.138 mqtt端口: 1883 mqtt用戶名&#xff1a;admin mqtt密碼&#xff1a;123456 …

“此電腦”中刪除WPS云盤方法(百度網盤通用)

&#x1f4e3;此方法適用于卸載WPS云盤后&#xff0c;WPS云盤圖標依然在此電腦中顯示的問題。 原理&#xff1a;通過注冊來進行刪除 步驟&#xff1a; WIN鍵R,打開運行窗口&#xff0c;輸入regedit命令&#xff0c;來打開【注冊表編輯器】&#xff1b; 從左側&#xff0c;依…

【 Vue3 提升:技術解析與實踐】

摘要 Vue.js 3.0 的發布為前端開發帶來了眾多性能提升、新特性和改進。本文將深入探討 Vue3 的提升之處&#xff0c;從性能優化、新特性解析、生態系統發展等多個方面進行解析&#xff0c;并通過實踐案例展示如何在項目中應用這些新特性。 一、認識 Vue3 1. Vue3 的發布背景…

279.完全平方數

279.完全平方數 力扣題目鏈接(opens new window) 給定正整數 n&#xff0c;找到若干個完全平方數&#xff08;比如 1, 4, 9, 16, ...&#xff09;使得它們的和等于 n。你需要讓組成和的完全平方數的個數最少。 給你一個整數 n &#xff0c;返回和為 n 的完全平方數的 最少數…

HTML-網頁介紹

一、網頁 1.什么是網頁&#xff1a; 網站是指在因特網上根據一定的規則&#xff0c;使用 HTML 等制作的用于展示特定內容相關的網頁集合。 網頁是網站中的一“頁”&#xff0c;通常是 HTML 格式的文件&#xff0c;它要通過瀏覽器來閱讀。 網頁是構成網站的基本元素&#xf…

Django模板語法及靜態文件

模板語法及靜態文件 1 多app創建 在主路由當中引入 include include()函數是Django.urls模塊中的一個函數&#xff0c;它的作用是在urls.py文件中引入其他應用的URL模式。 from django.urls import path, include創建多個app python manage.py startapp project_one python ma…

[PWNME 2025] PWN 復現

這種比賽得0也不容易&#xff0c;前邊暖聲還是能作的。 GOT 指針前溢出&#xff0c;可以溢出到GOT表&#xff0c;然后把后門寫上就行 Einstein 這個拿到WP也沒復現成&#xff0c;最后自己改了一下。 int __cdecl handle() {int offset; // [rsp8h] [rbp-38h] BYREFunsigne…

微信小程序將markdown內容轉為pdf并下載

要在微信小程序中將Markdown內容轉換為PDF并下載,您可以使用以下方法: 方法一:使用第三方API服務 選擇第三方API服務: 可以選擇像 Pandoc、Markdown-PDF 或 PDFShift 這樣的服務,將Markdown轉換為PDF。例如,PDFShift 提供了一個API接口,可以將Markdown內容轉換為PDF格式…

MongoDB(一) - MongoDB安裝教程(Windows + Linux)

文章目錄 前言一、Windows安裝單機MongoDB1. 下載并解壓MongoDB安裝包1.1 下載1.2 解壓1.3 相關文件介紹 2. 配置2.1 配置環境變量2.1.1 打開系統屬性設置2.1.2 編輯 PATH 環境變量2.1.3 驗證環境變量是否配置成功 2.2 創建相關目錄和文件2.3 修改MongoDB配置文件 mongodb.conf…

mybatis日期格式與字符串不匹配bug

異常特征&#xff1a;java.lang.IllegalArgumentException: invalid comparison: java.time.LocalDateTime and java.lang.String ### Error updating database. Cause: java.lang.IllegalArgumentException: invalid comparison: java.time.LocalDateTime and java.lang.Str…