若依V3 | RuoYi-Vue3-JS Doc

简介: 个人比较喜欢vue3的开发方式,目前也是全职前端,使用vue来作为技术站开发。在这里使用若依,并没有打算抄袭人家的成果,只是偶然在gitee的评价中看到,官方目前没有打算使用Vue3来更新前端。

若依V3 #


首先明确一个问题,这里不是官方的。我个人并不是若依团队的成员,只是一个开发爱好者。官方请查看


项目文档地址:http://ruoyi-doc.chenliangliang.top/


项目演示地址:http://ruoyi.chenliangliang.top/


项目代码地址:https://github.com/cll123456/rouyi-cloud-vue3

动机 #


个人比较喜欢vue3的开发方式,目前也是全职前端,使用vue来作为技术站开发。在这里使用若依,并没有打算抄袭人家的成果,只是偶然在gitee的评价中看到,官方目前没有打算使用Vue3来更新前端。


9cc52ea136257b06713dc6a5f5e98854.png


TIP


既然人家现在没有时间,那就我先来试试水。看看会不会存在重大问题,顺便让自己对知识的理解更加深刻!!! 🎉 💯 ``


项目结构 #


本项目的后端是若依的后台,前台使用的是Vite, VUE3.3.20, Vue-router, Vux, element-plus, Scss, axios等。


由于使用了vite作为构建工具,项目在启动和热加载都是非常快的哦!💯


代码规范 #


项目完全采用目前最新语法setup形式来写的:


513191362979c53c64c42d4b03ba5679.png


代码主要改造的是js,其他的都高度还原了原来的成分,主要是为了大家方便使用。代码中的js也都基本写了注释,方便大家理解代码的意思。


项目效果 #


项目目前采用的ui和若依保持高度一致,增加了自定义主题,默认生成warning, info, 和success等


dde0dd29b20b9f714178c8ca16e22035.png

f8232afd681eef427d81c8feab485f6d.png

9017171cc7010bcebaec6e857a926afd.png

b9290d161bc430c0949dc91f561c1001.png

相关文章
|
缓存 JavaScript 前端开发
Vue.js入门模板语法[上] 及Vue.js实现购物车---详细讲解
Vue.js入门模板语法[上] 及Vue.js实现购物车---详细讲解
64 0
|
前端开发
若依(ruoyi)前端Vue3 Element Plus Vite版样式修改
若依(ruoyi)前端Vue3 Element Plus Vite版样式修改
1233 0
|
JavaScript 开发者
Vue 创建项目后没有 webpack.config.js(vue.config.js) 文件
Vue 创建项目后没有 webpack.config.js(vue.config.js) 文件
599 0
|
5月前
|
JSON 前端开发 JavaScript
vue.config.js配置详解
【8月更文挑战第16天】vue.config.js配置详解
181 1
vue.config.js配置详解
|
5月前
|
JavaScript
Vue项目打包后都产生了哪些JS请求?
【8月更文挑战第19天】Vue项目打包后都产生了哪些JS请求?
142 0
|
6月前
|
开发框架 前端开发 JavaScript
在基于ABP框架的前端项目Vue&Element项目中采用日期格式处理,对比Moment.js和day.js的处理
在基于ABP框架的前端项目Vue&Element项目中采用日期格式处理,对比Moment.js和day.js的处理
|
8月前
Vue3+Vite+Js项目搭建之二:vite.config.js 构建
Vue3+Vite+Js项目搭建之二:vite.config.js 构建
167 1
|
8月前
|
JavaScript 开发工具 git
Vue.js 目录结构
Vue.js 目录结构
|
8月前
|
JavaScript
vue中使用js-doc
vue中使用js-doc
83 0
|
JavaScript
vue:.js 文件获取到 .vue 文件中的 this
vue:.js 文件获取到 .vue 文件中的 this
194 0