22篇文章 · 20446字 · 2人關(guān)注
-
使用TS進(jìn)行Vue-Router的Meta類型擴(kuò)展
1、前言 使用Vue-Router時(shí)俐银，會(huì)將一些字段信息附加到路由的Meta對(duì)象里面，比如圖標(biāo)icon端仰，標(biāo)題捶惜，權(quán)限等，如下： 但是在使用的過程中荔烧，...
-
使用Vue3+elementPlus的Tree組件實(shí)現(xiàn)一個(gè)拖拽文件夾管理
1吱七、前言 最近在做一個(gè)文件夾管理的功能，要實(shí)現(xiàn)一個(gè)樹狀的文件夾面板鹤竭。里面包含兩種元素陪捷，文件夾以及文件。交互要求如下： 創(chuàng)建诺擅、刪除市袖，重命名文件夾和...
-
拖拽宮格vue-grid-layout的使用及案例
1、前言 vue-grid-layout是一個(gè)適用于vue的拖拽柵格布局庫(kù)烁涌，功能齊全苍碟，適用于拖拽+高度/寬度自由調(diào)節(jié)的布局需求。本文將講述一些常...
-
vue-cli4升級(jí)到vue-cli5過程記錄1撮执，前言 本文主要分享vue-cli從4.x升級(jí)到5.x的過程微峰，以及更新后vue.config.js的變化，因?yàn)関ue-cli 5已經(jīng)使用上we...
-
jsx/tsx使用cssModule和typescript-plugin-css-modules1抒钱，前言 在vite/webpack搭建的項(xiàng)目中蜓肆，不管是vue還是react颜凯，都可以寫jsx/tsx，為了避免樣式污染仗扬，常用的方式有兩種症概。一種是...
-
使用webpack-bundle-analyzer查看vue項(xiàng)目打包依賴圖1，前言 項(xiàng)目寫完了準(zhǔn)備上線早芭，發(fā)現(xiàn)打包后的包很大怎么辦彼城？，但是打包后的文件晦澀難懂退个，如何了解打包文件的細(xì)節(jié)募壕，到底是哪里占了體積，了解某一個(gè)文件是...
-
Vue3中setup語(yǔ)法糖學(xué)習(xí)
1语盈，前言 是在單文件組件中使用Composition API的編譯時(shí)語(yǔ)法糖舱馅。相比于普通的 語(yǔ)法，它具有更多優(yōu)勢(shì) 更少的樣板內(nèi)容刀荒，更簡(jiǎn)潔的代碼 能...
-
vue3+element-plus配置cdn
1习柠，項(xiàng)目配置 最近在做一個(gè)項(xiàng)目，項(xiàng)目配置版本如下： vue：3.2.6 vue-router：4.0.11 vuex：4.0.2 axios：0...
-
Vue3+TS使用element-plus 動(dòng)態(tài)Icon圖標(biāo)
1照棋，前言 源于一段話 Element Plus 團(tuán)隊(duì)正在將原有組件內(nèi)的 Font Icon 向 SVG Icon 遷移，請(qǐng)多多留意更新日志, 及...
