vue3的router

需求

在這里插入圖片描述

在這里插入圖片描述

在這里插入圖片描述

路由組件一般放在,pages或views文件夾,
一般組件通常放在component文件夾
在這里插入圖片描述

路由的2中寫法

在這里插入圖片描述

子路由

在這里插入圖片描述
其實就是在News組件里面,再定義一個router-view組件
他的子組件,機會渲染在router-view區域

路由傳參

<RouterLink :to="`/news/detail?id=${news.id}&title=${news.title}

在這里插入圖片描述
取值
在這里插入圖片描述

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

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

相關文章

解決導入項目后在idea中不顯示的問題

問題&#xff1a; 今天下午重新打開寒假之前負責的項目&#xff0c;發現打不開了&#xff0c; 從master拉取最新代碼到我的分支&#xff0c;發現我的分支上顯示就是這樣子&#xff0c;無論怎么更新代碼都不行。 原因&#xff1a; 在上一次上傳代碼的時候&#xff0c;我把我分…

leetcode括號生成

題目描述 解題思路 首先看到題目&#xff0c;一開始是并沒有思路的。這時候可以在紙上進行演算一下結果。當只有一對括號的時候&#xff0c;我們可以得知結果[“()”],當有兩對括號的時候&#xff0c;我們可以發現&#xff0c;括號在第一個基礎上&#xff0c;要么在括號內部出…

靜態時序分析:SDC約束命令set_case_analysis詳解

相關閱讀 靜態時序分析https://blog.csdn.net/weixin_45791458/category_12567571.html?spm1001.2014.3001.5482 目錄 指定值 指定端口/引腳列表 簡單使用 set_case_analysis命令用于對電路進行特定模式的設定&#xff0c;例如對于一個工作在正常模式下的芯片&#xff0c;…

HTML5新特性:為Web帶來的翻天覆地變化

隨著互聯網的發展&#xff0c;HTML5作為Web開發的重要里程碑&#xff0c;為我們帶來了一系列令人興奮的新特性和功能。本文將帶領大家探索HTML5的新特性&#xff0c;揭示其對Web技術的巨大影響。 一、介紹 HTML5作為HTML的最新版本&#xff0c;不僅強化了網頁結構與內容&#…

Android 解決引入的三方庫中類名沖突問題

參考&#xff1a; Android開發——如何解決三方庫中的類名沖突問題_android 類沖突-CSDN博客 Android 解決 jar/aar 包類名沖突 - 簡書 實操步驟 1.提前安裝好unzip-5.51-bin&#xff0c;proguard-7.4.0&#xff0c;jarjar-1.4軟件 2.解壓包名沖突的 AAR 文件 進入到需要修…

reach功能的使用

1.reach添加后 1.reach添加后2 2.拷貝reach最后一幀的動作 3.刪除reach(注意畫選時如果reach延長不能直接刪否則以前的動畫也會刪掉&#xff0c;要縮短reach后再刪另外這兩個灰原點也要刪掉否則影響后邊新加clip的對齊會出現亂七八糟的事情) 4.刪除reach后&#xff0c;光標移到…

收藏:數據防泄漏系統推薦,數據防泄漏系統有哪些?

一金融機構在近期發生了一起數據泄露事件。 經過調查&#xff0c;發現是由于一名員工將包含客戶敏感信息的文件通過電子郵件發送給了未經授權的第三方。 這一事件導致客戶數據泄露&#xff0c;給該機構帶來了嚴重的聲譽損失和信任危機。 這一案例凸顯了數據防泄漏系統的重要性…

Neo4j aura 官方網站快速入門新手教精讀-從官方教程學習知識圖譜

Neo4j 官方網站快速入門新手教精讀 本文旨在為Neo4j新手提供一份全面的入門指南。除了基礎的文本解釋&#xff0c;我在里面還插入了每一步驟的詳細截圖或者自己畫的圖&#xff0c;從官方了解知識肯定比自己亂看要權威一些&#xff0c;有看不懂的不要糾結了解大概意思即可&#…

Java中心校智慧校園智慧班牌物聯網平臺源碼

目錄 智慧班牌 班牌首頁 班級信息 課表信息 視頻 圖片 進離校管理 人臉登錄頁 學生個人中心 請假管理 成績管理 家長留言 學生綁卡 學生評價 系統設置 通知管理 值日管理 倒計時 班級德育 班牌模式 1.課堂授課模式 2.家長會簽到模式 3.考場模式 4.班級…

React富文本編輯器開發(一)

這是一個系統的完整的教程&#xff0c;每一節文章的內容都很重要。這個教程學完后自己可以開發出一個相當完美的富文本編輯器了。下面就開始我們今天的內容&#xff1a; 安裝 是的&#xff0c;我們的開發是基于Slate的開發基礎&#xff0c;所以要安裝它&#xff1a; yarn ad…

【貪心算法】Leetcode 122. 買賣股票的最佳時機 II

【貪心算法】Leetcode 122. 買賣股票的最佳時機 II 122. 買賣股票的最佳時機 II貪心算法&#xff1a;整體利潤拆為每天的利潤&#xff0c;只收集每天的正利潤 122. 買賣股票的最佳時機 II ---------------&#x1f388;&#x1f388;122. 買賣股票的最佳時機 II 題目鏈接&…

【Excel PDF 系列】EasyExcel + iText 庫實現 Excel 轉換 PDF

你知道的越多&#xff0c;你不知道的越多 點贊再看&#xff0c;養成習慣 如果您有疑問或者見解&#xff0c;歡迎指教&#xff1a; 企鵝&#xff1a;869192208 文章目錄 前言轉換前后效果引入 pom 配置代碼實現定義 ExcelDataVo 對象主方法EasyExcel 監聽器 前言 最近遇到生成 …

圖論 - 最小生成樹(Prime、Kruskal)

文章目錄 前言Part 1&#xff1a;Prim算法求最小生成樹1.題目描述輸入格式輸出格式數據范圍輸入樣例輸出樣例 2.算法 Part 2&#xff1a;Kruskal算法求最小生成樹1.題目描述輸入格式輸出格式數據范圍輸入樣例輸出樣例 2.算法 前言 本篇博客介紹兩種求最小生成樹的方法&#xff…

遼寧博學優晨教育視頻:引領安全可靠的學習新風尚

在數字化時代&#xff0c;隨著信息技術的飛速發展&#xff0c;線上教育已成為越來越多人提升自我、拓寬視野的重要選擇。遼寧博學優晨教育視頻憑借其安全可靠的特質&#xff0c;在眾多在線教育平臺中脫穎而出&#xff0c;成為廣大學子信賴的學習伙伴。 一、遼寧博學優晨教育視頻…

MagiskHideProps 使用 props 開啟 android 手機的 ro.debuggable =1 的方法

因為 CDSN 一直不給對舊的文章&#xff08;特別是邊幅比較長的文章&#xff09;一直都無法修改&#xff0c;保存&#xff0c;重新發布 一直都是操作超時 我這里是補全 這邊文章中 unity shader - 圣斗士星矢 人物 shader 還原 - GPA 抓幀提取資源、shader&#xff0c;ROOT權…

python 使用curl_cffi 繞過jax3指紋-Cloudflare 5s盾

現在越來越多的網站已經能夠通過JA3或者其他指紋信息&#xff0c;來識別你是不是爬蟲了。傳統的方式比如換UA&#xff0c;加代理是沒有任何意義了&#xff0c;所以這個時候我們就需要使用到curl_cffi 了。 1.TLS 指紋是啥&#xff1f; 在絕大多數的網站都已經使用了 HTTPS&am…

構造pop鏈

反序列化視頻筆記 第一步&#xff1a;找到目標觸發echo調用$flag 第二步&#xff1a;觸發_invoke函數調用appeng函數$varflag.php&#xff08;把對象當成函數&#xff09; 第三步&#xff1a;給$p賦值為對象&#xff0c;即function成為對象Modifier卻被當成函數調用&#xff…

加密與安全_探索口令加密算法(PBE)

文章目錄 概述疑問PBE 算法 &#xff08; Password Based Encryption&#xff09;CodePOM實現 小結 概述 加密與安全_探索對稱加密算法中我們提到AES加密密鑰長度是固定的128/192/256位&#xff0c;而不是我們用WinZip/WinRAR那樣&#xff0c;隨便輸入幾位都可以。 這是因為對…

2024最新算法:斑翠鳥優化算法(Pied Kingfisher Optimizer ,PKO)求解23個基準函數

一、斑翠鳥優化算法 斑翠鳥優化算法&#xff08;Pied Kingfisher Optimizer ,PKO&#xff09;&#xff0c;是由Abdelazim Hussien于2024年提出的一種基于群體的新型元啟發式算法&#xff0c;它從自然界中觀察到的斑翠鳥獨特的狩獵行為和共生關系中汲取靈感。PKO 算法圍繞三個不…

【Ubuntu操作系統】講解

Ubuntu操作系統 1. 前言2. 系統更新3. 安裝編譯工具4. 安裝文本編輯器4.1 Vim4.2 Visual Studio Code 5. 安裝開發庫6. 安裝版本控制系統6.1 Git 7. 安裝數據庫7.1 MySQL7.2 PostgreSQL 8. 安裝編程語言環境8.1 Python8.2 Node.js 9. 安裝其他常用軟件9.1 Chrome瀏覽器9.2 Dock…