vue3 + elementplus后台管理系统 + vue3核心Api实现 + Vuex4从零实现_目标学完css的博客-程序员资料

技术标签: vue3后台管理系统  vue3组合式api  webpack  vue  elementui  javassist  

vue3 + elementplus后台管理系统 + vue3核心Api实现 + Vuex4从零实现

所有源码放在github上,方便大家使用和学习。


一、vue3-compositionApi-elementPlus-admin

  • 项目只包含框架的搭建,功能的完整封装,不包含任何业务组件。开箱即用。
  • 最新版的组合式api + 新版路由 + 新版store的使用
  • 采用的是前端保存路由菜单,根据后台返回的角色信息,动态加载路由和菜单渲染
  • webpack-dll分离第三方库
  • element-plus的全局自定义主题封装
  • 如何优雅的全局封装处理svg图标组件
  • 全局的自定义指令封装例子(vue3已删除过滤器)
  • 全局axios请求响应拦截封装
  • 考虑到日常开发处理时间格式化较为常见,使用dayJs封装了大量时间操作函数。(momentjs已停止维护)

二、webpack-vue-cli

  • 基于webpack5+ webpack-chain + vue3.0+typescript+webpack-cli4从零搭建的vue3脚手架。
  • 可用于学习webpack5 + vue3 + ts的脚手架搭建方案,但也可以直接用于项目!。支持js,jsx,ts,tsx的vue3写法。

三、vue3-vuex-sound-code

  • 总共6个tag,以及一个master主分支
  • version1.0 版本1. 实现了state和mutation的功能
  • version2.0-module 版本2. 递归处理module模块化
  • version3.0-no-namespace-store 版本3. 完成了一个没有命名空间的Vuex
  • version4.0-namespace-store 版本4. 命名空间版本Vuex
  • version5.0-strict-store 版本5. 为Vuex添加严格模式
  • version6.0-store-done 版本6. 添加Vuex插件功能,完成开发
  • master 最终版. 添加注释以及添加了许多额外的源码功能
  • 本源码Vuex4中去掉了无法在组合式Api中使用的mapState等helper函数实现方法,方便注重核心功能。

四、vue3-sound-code

  • 帮助你一步步的实现了解Vue3核心组合式api的实现方法
import Vue from '../js/index'

const {
    
  reactive,
  shallowReactive,
  readonly,
  shallowReadonly,
  effect,
  ref,
  shallowRef,
  toRef,
  toRefs,
  computed,
} = Vue


版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/dajuna/article/details/119515934

智能推荐

点击文字或者按钮在本页面中弹出悬浮小窗口_在原本页面基础上出现小窗口_cj7791的博客-程序员资料

HTML代码<body> <!--用来引出悬浮窗口的div--> <div> <a href="javascript:void(0)" onclick="displayWindow()"> 点击显示悬浮窗口 </a> </div> <!--悬浮窗口--> <div i...

修复修改了el-table组件的滚动条样式后出现的问题_z沧笙踏歌的博客-程序员资料

问题描述:众所周知,i-table的滚动条使用的是原生的滚动条,样式比较丑,于是本人就擅自改动了一下滚动条样式,理想中的样子是这样的但是实际是这样的,出现了显示不全,固定列离滚动条距离加宽的问题下面是我修改滚动条用的样式/deep/.el-table__body-wrapper { &::-webkit-scrollbar { height: 6px; width: 6px; } &::-webkit-scr...

Mybatis-Plus--Wrapper用法记录以及不同请求格式传参_wrapper怎么传参数_Adore H的博客-程序员资料

1、Get请求传参数。通过问号拼接//[email protected]("/get")@ResponseBodypublic QPublicplace getQPublicplace(String accessType){ return qPublicplaceService.getQPublicplace(accessType);}//impl//.eq 即为equals的用法//.ne 即为<>的用法@Overridepublic QPublicpla

无懈可击的Web设计--巧妙的浮动_weixin_30429201的博客-程序员资料

1、img标签,在IE下默认有一个2px蓝色的border,但是在firefox下却没有,所以要设定 border:0;2、浮动清楚,推荐阅读:http://www.complexspiral.com/publications/containing-floats/  让我们来看一下实现自清楚的三种方法:  A.设置float来解决浮动中的问题。次方法通常依赖于页面上容器后面所跟随的对象...

QT界面上显示pcl点云数据_qt 显示点云_竹叶青lvye的博客-程序员资料

下面说明如何在QT GUI界面上添加控件显示用pcl读入的三维点云数据。QT5.12.1的安装与VS2017配置参照下面博客,博客中是QT5.11.1https://blog.csdn.net/gaojixu/article/details/82185694QT5.12.1的下载路径如下:链接:https://pan.baidu.com/s/1YDizCx2_zF4LQBOnk3JxhA提取码:5wza不同于博客,我这里同时配置x64和32位两个版本在Default Qt/..

COMMIT 和 ROLLBACK 的用法_clscp44862的博客-程序员资料

我发现有人经常 “滥用” ORACLE 中的 COMMIT 和 ROLLBACK 的用法。 首先,大家要清楚 COMMIT / ROLLBACK ,都是用在执行 DML 语句之后的。所谓 DML 语句就是 INSERT...

随便推点

暗光增强论文MBLLEN: Low-light Image/Video Enhancement Using CNNs阅读笔记__,_的博客-程序员资料

论文地址:http://www.bmva.org/bmvc/2018/contents/papers/0700.pdf项目地址:https://github.com/Lvfeifan/MBLLEN来源:BMVC 2018作者:北航abstract提出了一种基于深度学习的微光图像增强方法。由于难以同时处理包括亮度、对比度、伪影和噪声在内的各种因素,该问题具有挑战性。为了解决这一问题,我们提出了多分支微光增强网络(MBLLEN)。其核心思想是提取不同层次的丰富特征,通过多个子网进行增强,最终

淡谈自然场景下小样本OCR文字识别_ocr 小样本_掉了牙的大黄狗的博客-程序员资料

淡谈自然场景下小样本OCR文字识别1. 环境准备实验中使用了centos7.6,intel core i4710,gtx980M(老机器重装)安装的时候要注意,linux内核版本和实际版本要一致,不然会报错Linux下Nvidia驱动的安装参见(kernel版本不一致先升级内核):https://blog.csdn.net/qq_44961869/article/details/115954258cuda切换参见:https://www.cnblogs.com/jyroy/p/14378146

嵌入式大牛详解:嵌入式linux开发流程总结_weixin_33967071的博客-程序员资料

可以说嵌入式linux是学习比较困难的,会遇到各种各样的问题,那么嵌入式linux学习有一个重要的点就是嵌入式linux开发的流程,这是必须要知道的,接下来我们就看看这方面的大牛总结的嵌入式linux开发流程及一些遇到的困难,解决方法。 嵌入式开发流程其实很简单,但是里面是有很多小的东西需要你注意的,这也是我这么多年来...

IDEA使用lombok_idea lombok_努力的小玖心的博客-程序员资料

一、lombok插件介绍说明:常规开发中POJO类必须手写get/set/toString 方法,这类操作写起来还是比较麻烦的,但是又不得不写,开发效率低,索引引用了lombok插件,简化上述过程二、插件安装maven引入jar包 <!--添加lombok的包--> <dependency> <groupId>org.projectlombok</groupId> <art

本机运行正常的ADO程序在别的机器上无法运行的问题_zgl_dm的博客-程序员资料

CSDN论坛上经常看到在本机编译运行正常的使用了ADO的程序放到别的机器上就不能运行了,我原来也碰到过这样的问题,后来发现是ADO引擎版本的问题,安装了VC的机器一般其数据库引擎版本都比较高,到低版本的系统就出问题了,解决方法就是把MDAC连同你的程序一起安装到目标机器,但是有没有更好的解决方法呢?答案是有的,就是改动一下你的源代码,一般调用ADO的程序代码里都会有这样一句: #impor

推荐文章

热门文章

相关标签