day2課程

1.添加pinia到Vue項目

2.counter基礎使用

3.getters和異步action

4.storeToRefs和調試

5.項目初始化和git管理

6.別名路徑聯想設置

7.elementsPlus自動按需導入配置

這個項目使用的是按需引入

1.安裝包管理器 npm install element-plus --save

2.按需引入 npm install -D unplugin-vue-components unplugin-auto-import

3.在vite.config.js文件中進行配置

8.elementPlus主題定制

9.axios基礎配置

10.項目整體路由設計

11.靜態資源引入和ErrorLen安裝

12.SCSS文件的自動導入

13.Layout-靜態模板結構搭建

14.字體圖標引入

15.Layout一級導航渲染

16.Layou吸頂導航交互實現

17.Layout-Pinia優化重復請求

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

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

相關文章

Vue3 + TypeScript + Element Plus 設置表格行背景顏色

技術要點&#xff1a; 1、使用 :row-class-name"setRowClassName" 設置表格行類名 2、不能同時使用 stripe 3、設置行類名的樣式 應用效果&#xff1a; 同時使用 stripe 出來的效果&#xff1a; 參考代碼&#xff1a; ReagentTable.vue <script setup lang&…

山東大學 軟件項目管理知識點總結

軟件項目管理背誦總結 將老師所發ppt的知識點整理&#xff0c;方便查閱與背誦。 文章目錄 軟件項目管理背誦總結1. 概述1.1 什么是項目&#xff1f;1.2 項目有那些特征&#xff1f;1.3 項目于日常工作有什么區別&#xff1f;1.4 如何衡量一個項目是否成功&#xff1f;1.5 軟件項…

css基礎筆記簡潔版1

&#x1f4d8; CSS 基礎筆記 1 一、CSS 簡介 CSS&#xff08;層疊樣式表&#xff09;用于為網頁添加樣式&#xff0c;實現結構與樣式分離&#xff0c;能夠控制顏色、字體、布局、位置、動畫等視覺效果。 二、基本語法 選擇器 {屬性1: 值1;屬性2: 值2; }說明&#xff1a; 選…

reactor模型學習

學習鏈接 狂野架構師第四期netty視頻 - B站視頻 狂野架構師訓練營6期 - B站視頻 Netty學習example示例&#xff08;含官方示例代碼&#xff09; LG-Netty學習 【硬核】肝了一月的Netty知識點 - 啟動過程寫的很詳細 Reactor模型講解 一文搞懂Reactor模型與實現 高性能網絡編…

應用探析|千眼狼高速攝像機、sCMOS相機、DIC測量、PIV測量在光學領域的應用

2025&#xff0c;長春&#xff0c;中國光學學會學術大會。中科視界攜千眼狼品牌四大科學儀器高速攝像機、sCMOS科學相機、DIC應變測量系統、PIV流場測量系統亮相&#xff0c;在光學領域多個細分研究方向承載科學實驗的感知與測量任務。 1先進制造技術及其應用 激光切割、激光焊…

Kafka 4.0.0集群部署

Kafka 4.0.0集群部署 1.1 關閉防火墻和 selinux 關閉防火墻 systemctl stop firewalld.service systemctl disable firewalld.service關閉selinux setenforce 0 #&#xff08;臨時生效&#xff09; sed -i s/^SELINUXenforcing/SELINUXdisabled/ /etc/selinux/config #&…

探秘卷積神經網絡(CNN):從原理到實戰的深度解析

在圖像識別、視頻處理等領域&#xff0c;卷積神經網絡&#xff08;Convolutional Neural Network&#xff0c;簡稱 CNN&#xff09;如同一位 “超級偵探”&#xff0c;能夠精準捕捉圖像中的關鍵信息&#xff0c;實現對目標的快速識別與分析。從醫療影像診斷到自動駕駛中的路況感…

vue3導入xlsx表格處理數據進行渲染

下載插件 npm install -S xlsx import * as XLSX from "xlsx"; // Vue3 版本 <el-upload class"upload-demo"accept".xlsx":http-request"channel":show-file-list"false":limit"1"><el-button type&qu…

生成模型_條件編碼器

條件編碼器可以采用不同的網絡結構&#xff0c;UNet 是其中非常常見的一種&#xff0c;尤其在 Diffusion 和圖像生成任務中用得最多。 &#x1f9e0; 什么是“條件編碼器”&#xff1f; 在 **條件生成模型&#xff08;Conditional GAN / Diffusion&#xff09;**中&#xff0c…

@Scheduled, @PostConstruct, @PreDestroy, @Async, @OnApplicationEvent

注解名稱模塊功能引入年份版本是否推薦使用PostConstructjavax.annotation (Java EE) / spring-beansBean 初始化完成后執行的方法2006Java EE 5 / Spring 2.0?? 推薦PreDestroyjavax.annotation (Java EE) / spring-beansBean 銷毀前執行的方法2006Java EE 5 / Spring 2.0?…

小程序請求加載提示防閃爍機制詳解

目錄 一、問題背景&#xff1a;閃爍現象的產生 二、完整解決方案代碼 三、核心防閃爍機制解析 1. 請求計數器&#xff08;requestCount&#xff09; 2. 延遲隱藏定時器&#xff08;關鍵創新&#xff09; 3. 100ms緩沖期的重要意義 四、關鍵場景對比分析 場景1&#xff…

linux防火墻講解

目錄 安全管理 一、SELinux安全上下文 1、SELinux 簡介 2、基礎操作命令 1. 查看SELinux狀態 2. 切換工作模式* 3、安全上下文&#xff08;Security Context&#xff09; 1. 查看上下文* 2. 修改上下文 chcon命令 semanage 命令 4、SELinux布爾值&#xff08;Boole…

巧用 Python:將 A3 作業 PDF 輕松轉為 A4 可打印格式

在孩子的學習過程中&#xff0c;我們常常會遇到這樣的困擾&#xff1a;學校老師發的作業是以 A3 格式的 PDF 文件呈現的&#xff0c;然而家里的打印機卻只支持 A4 打印。這時候&#xff0c;要是能有一個簡單的方法把 A3 的 PDF 轉換為 A4 可打印的格式就好了。別擔心&#xff0…

Transformer 核心概念轉化為夏日生活類比

以下是把 Transformer 核心概念轉化為「夏日生活類比」&#xff0c;不用看代碼也能秒懂&#xff0c;搭配冰鎮西瓜式記憶法&#xff1a; 一、Transformer 夏日冷飲制作流水線 編碼器&#xff08;Encoder&#xff09;&#xff1a;相當于「食材處理間」 把輸入&#xff08;比如…

【Linux基礎知識系列】第二十九篇-基本的網絡命令(ping, traceroute, netstat)

在Linux系統中&#xff0c;網絡診斷是系統管理員和用戶日常工作中不可或缺的一部分。無論是排查網絡連接問題、檢查網絡延遲&#xff0c;還是監控網絡狀態&#xff0c;掌握一些基本的網絡命令至關重要。本文將詳細介紹ping、traceroute和netstat這三種常用的網絡命令&#xff0…

javaee初階-多線程

1.什么是線程 1.1 進程 要了解線程我們首先需要了解什么是進程&#xff1f; 運行的程序在操作系統中以進程的方式運行&#xff0c;比如說電腦打開不同的軟件&#xff0c;軟件就是不同的進程 1.1.1進程的組織方式 通過雙向鏈表 創建進程就是在雙向鏈表上添加PCB 銷毀一個進…

N數據分析pandas基礎.py

前言&#xff1a;在數據分析領域&#xff0c;Python 的 Pandas 庫堪稱得力助手。它不僅擁有高效的數據處理能力&#xff0c;還能與 NumPy 完美配合——后者強大的數值計算功能為 Pandas 提供了堅實的技術基礎。 目錄 Pandas數據分析實戰&#xff1a;解鎖數據處理的高效之道 數…

衛星通信鏈路預算之二:帶寬和功帶平衡

在上一個章節衛星通信鏈路預算之一&#xff1a;信噪比分配 中&#xff0c;我們介紹了衛星通信鏈路中最核心的概念&#xff1a;信噪比分配&#xff0c;并給出了衛星通信鏈路總信噪比的計算公式。 本篇文章&#xff0c;我們將介紹衛星通信鏈路中的另外一個基本概念&#xff1a;帶…

QGIS新手教程5:圖層屬性查詢與表達式篩選技巧

? QGIS新手教程5&#xff1a;圖層屬性查詢與表達式篩選技巧 字段篩選、表達式構建器、選擇集操作一步到位&#xff01; 目錄 ? QGIS新手教程5&#xff1a;圖層屬性查詢與表達式篩選技巧&#x1f4c1; 一、示例數據準備&#xff08;繼續使用第四篇中的示例&#xff09;&#…

用 el-dialog 做出彈出框是圖片

今天項目上用到個功能是點擊按鈕彈出一個 modal&#xff0c;有遮罩層而且在上面顯示圖片。 其實就是 el-dialog 的功能&#xff0c;但是 el-dialog 彈出后&#xff0c;有標簽關閉按鈕還有背景。 解決辦法&#xff1a;el-dialog 的 width 設為 0 就可以了。 <template>…