首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
从0到1搭建vue3项目
订阅
reskey
更多收藏集
微信扫码分享
微信
新浪微博
QQ
25篇文章 · 0订阅
从零开始写一个Vue3+Element Plus的后台管理系统
接触Vue3有一年的时间,除了刚开始用Vue3做了一个小小的项目,其后一直没有机会在项目中真正使用Vue3,反而一直维护Vue2的老项目。作为一个有追求(wuliao)的前端,那就自己开一个仓库练手
从零开始写一个Vue3+Element Plus的后台管理系统(三)——按需自动引入组件和unplugin-vue-components
在本地开发环境,点击菜单切换的时候,新开的页面的加载非常慢,往往过了几十秒才能渲染出来。研究了好一阵,才发现是按需导入的问题
从零开始写一个Vue3+Element Plus的后台管理系统(四)——按需引入eCharts图表
图表统计作为后台管理系统标配当然不能少,本项目选择使用最熟悉的eCharts。 eCharts完整包太大了,一般项目中只会使用其中小部分图表,所以我们只用按需引入,尽量减少打包体积。
从零开始写一个Vue3+Element Plus的后台管理系统(五)——尝试多种图标ICON方案iconify
Element Plus的图标库相对Element UI更加丰富,然而对于喜欢折腾的人还是远远不够的,本次主要尝试的是iconify
从零开始Vue3+Element Plus后台管理系统(六)——状态管理Pinia和持久化
如果我们把登录用户的信息放在Pinia中,那肯定需要做持久化,要不页面一刷新,用户信息就没有了。推荐pinia-plugin-persistedstate
从零开始Vue3+Element Plus后台管理系统(七)——手写一个简单的多页签组件
1. 使用 Pinia 记录页签数据、处理操作 2. 初始状态没有页签数据,使用默认路由数据填充 3. 右击页签,显示更多关闭操作 4. 使用el-scrollbar 实现横向滚动
从零开始Vue3+Element Plus后台管理系统(八)——模仿禅道做一个Vue3版本的高级查询组件
暗黑模式 使用 Vue3+element Plus 简单模仿了禅道系统的高级搜索组件,说简单也有点复杂,还没有完全开发完,但是大体架子有了,剩下一些功能点继续coding。边开发边记录吧
从零开始Vue3+Element Plus后台管理系统(九)——使用API协作平台Mock数据
Mock数据可以使用Mockjs插件,但我更喜欢用api平台,用起来方便也更真实,还可以跟后端同学协作。
从零开始Vue3+Element Plus后台管理系统(十)——自定义水印指令与全局注册
在实际项目开发中,自定义指令用得还是比较多的,比如:复制粘贴、输入框防抖、输入框禁止特殊字符、权限校验、背景水印、拖拽等等... 指令确实是个优雅的存在。
从零开始Vue3+Element Plus后台管理系统(十一)——Ctrl+K全局搜索站点路由功能
全局搜索功能可以帮助用户快速获取信息定位,对于改进用户体验感还是很有意义的。当然本项目做的是一个低配版,只对路由进行全局搜索,毕竟更多数据内容的搜索还得依靠后端返回,但是前端实现的思路是一致的。