🎉 A magical vue admin

Overview

vue element-ui Build Status license GitHub release gitter donate

English | 简体中文 | 日本語 | Spanish

SPONSORED BY

活动服务销售平台

客户消息直达工作群

Introduction

vue-element-admin is a production-ready front-end solution for admin interfaces. It is based on vue and uses the UI Toolkit element-ui.

vue-element-admin is based on the newest development stack of vue and it has a built-in i18n solution, typical templates for enterprise applications, and lots of awesome features. It helps you build large and complex Single-Page Applications. I believe whatever your needs are, this project will help you.

After the v4.1.0+ version, the default master branch will not support i18n. Please use i18n Branch, it will keep up with the master update

The current version is v4.0+ build on vue-cli. If you find a problem, please put issue. If you want to use the old version , you can switch branch to tag/3.11.0, it does not rely on vue-cli

This project does not support low version browsers (e.g. IE). Please add polyfill by yourself.

Preparation

You need to install node and git locally. The project is based on ES2015+, vue, vuex, vue-router, vue-cli , axios and element-ui, all request data is simulated using Mock.js. Understanding and learning this knowledge in advance will greatly help the use of this project.

Edit on CodeSandbox

Sponsors

Become a sponsor and get your logo on our README on GitHub with a link to your site. [Become a sponsor]

Akveo

Get Java backend for Vue admin with 20% discount for 39$ use coupon code SWB0RAZPZR1M

Flatlogic

Admin Dashboard Templates made with Vue, React and Angular.

Features

- Login / Logout

- Permission Authentication
  - Page permission
  - Directive permission
  - Permission configuration page
  - Two-step login

- Multi-environment build
  - Develop (dev)
  - sit
  - Stage Test (stage)
  - Production (prod)

- Global Features
  - I18n
  - Multiple dynamic themes
  - Dynamic sidebar (supports multi-level routing)
  - Dynamic breadcrumb
  - Tags-view (Tab page Support right-click operation)
  - Svg Sprite
  - Mock data
  - Screenfull
  - Responsive Sidebar

- Editor
  - Rich Text Editor
  - Markdown Editor
  - JSON Editor

- Excel
  - Export Excel
  - Upload Excel
  - Visualization Excel
  - Export zip

- Table
  - Dynamic Table
  - Drag And Drop Table
  - Inline Edit Table

- Error Page
  - 401
  - 404

- Components
  - Avatar Upload
  - Back To Top
  - Drag Dialog
  - Drag Select
  - Drag Kanban
  - Drag List
  - SplitPane
  - Dropzone
  - Sticky
  - CountTo

- Advanced Example
- Error Log
- Dashboard
- Guide Page
- ECharts
- Clipboard
- Markdown to html

Getting started

# clone the project
git clone https://github.com/PanJiaChen/vue-element-admin.git

# enter the project directory
cd vue-element-admin

# install dependency
npm install

# develop
npm run dev

This will automatically open http://localhost:9527

Build

# build for test environment
npm run build:stage

# build for production environment
npm run build:prod

Advanced

# preview the release environment effect
npm run preview

# preview the release environment effect + static resource analysis
npm run preview -- --report

# code format check
npm run lint

# code format check and auto fix
npm run lint -- --fix

Refer to Documentation for more information

Changelog

Detailed changes for each release are documented in the release notes.

Online Demo

Preview

Donate

If you find this project useful, you can buy author a glass of juice 🍹

donate

Paypal Me

Buy me a coffee

Browsers support

Modern browsers and Internet Explorer 10+.

IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
IE10, IE11, Edge last 2 versions last 2 versions last 2 versions

License

MIT

Copyright (c) 2017-present PanJiaChen

Issues
  • node-sass 下载失败 解决方案

    node-sass 下载失败 解决方案

    下载项目的时候run install时,node-sass下载失败后来我在项目根目录下添加了一个.npmrc

    sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
    registry=https://registry.npm.taobao.org
    

    把node-sass的路径修改成淘宝的npm,就很顺利的可以在国内的网络环境下载了

    opened by dongzm 100
  • 请问路由配置可以动态的改变吗?

    请问路由配置可以动态的改变吗?

    我们现在想要增加一个功能,就是管理员可以更改每个菜单的可访问角色列表,我想在进入页面之前从服务器获取每个路由的可访问列表并更改,请问这样子可以实现吗?

    RFC 
    opened by reuwi 91
  • npm run dev 运行项目有个报错

    npm run dev 运行项目有个报错

    http://localhost:9527/#/ http://localhost:9528/#/ vue-admin-template也报同样的错误

    vue-router.esm.js:1921 Error: Cannot find module '@/views/login/index' at webpackEmptyContext (permission.js:137) at index.js:51 abort @ vue-router.esm.js:1921

    opened by Bright0810 51
  • 图标的颜色怎么修改呀

    图标的颜色怎么修改呀

    你好,是这样的,我把代码拷贝到我的项目里,图标是可以显示的,但是颜色却不能通过color去设置,请问是有什么要注意的地方吗?

    enhancement :star: question 
    opened by 540240126 39
  • 提一个小小的建议,希望群主可以table做一个树状table

    提一个小小的建议,希望群主可以table做一个树状table

    感谢作者的文档,项目,学到很多啊,希望作者可以对table加入一个树状table,这个需求对后台管理来说,大部分都需要,我就是借鉴群主的项目,完成了我公司的后台,其中就有树状table这个需求!只是建议!再次感谢作者!

    enhancement :star: feature in plan Tree Table 
    opened by youdianfan 29
  • 跪求版主 增加动态菜单

    跪求版主 增加动态菜单

    首先感谢版主分享,同时还希望有空的时候能加一下动态菜单的功能,万分感激。

    动态菜单: router完全由后台配置,通过请求获得 router信息,前端 再通过 addRouter实现真正可访问的路由, 比如: "path":"/menuTwo", "component":"Home", "name":"导航2", "iconCls":"el-icon-setting", "leaf":false, "children":[ { "path":"menuTwoone", "component":"Main", "leaf":true, "name":"导航2--1级菜单1" }, { "path":"menuTwotwo", "component":"Main", "leaf":true, "hidden":true, "name":"导航2--1级菜单2" } ]这个数据是 通过请求获得的Json数据,再把这个数据与前段相关的组件联系在一起,生成路由和菜单,本人新手 尝试 做这个功能,无奈,老是报 路径‘xx’是字符串,请使用真正的组件 这个错误。

    opened by Danbaoshan 27
  • axios请求不携带cookie

    axios请求不携带cookie

    在网上查询是需要设置axios.defaults.withCredentials为true。但是我在/utils/request.js里设置了如下内容后,请求仍然没有携带Cookie。

    import axios from 'axios'
    import { Message } from 'element-ui'
    import store from '@/store'
    import { getToken } from '@/utils/auth'
    
    axios.defaults.withCredentials = true
    
    
    need repro :mag_right: question 
    opened by ganchaoyang 27
  • 本地登录报错405

    本地登录报错405

    2019-12-19 14:00:00 pull 的代码

    在成功 npm run dev后,登录报错,提示405

    image

    opened by pleasecallmeleifeng 24
  • 端口不是 9527

    端口不是 9527

    Bug report(问题描述)

    npm run dev 后 端口应是9527,现在是一个随机的数字,导致无法热更新。

    Steps to reproduce(问题复现步骤)

    Screenshot or Gif(截图或动态图)

    image

    opened by 1255437355 22
  • Template de vue

    Template de vue

    null

    opened by elhalj 0
  • Module parse failed: Unexpected character '#' (1:0),  svgo.html 文件

    Module parse failed: Unexpected character '#' (1:0), svgo.html 文件

    WARNING Compiled with 1 warning 上午9:40:26 warning in ./src/icons/svgo.yml

    Module parse failed: Unexpected character '#' (1:0) You may need an appropriate loader to handle this file type.

    replace default config

    | # 基于svgo对svg文件进行压缩:https://panjiachen.github.io/vue-element-admin-site/zh/feature/script/svgo.html | # multipass: true

    @ ./src sync ^./.*$ @ ./src/utils/route.js @ ./src/store/modules/menu.js @ ./src/store/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://10.1.1.20:5001/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

    image

    opened by DuanJiChao 0
  • x-token造成cors错误: PreflightMissingAllowOriginHeader

    x-token造成cors错误: PreflightMissingAllowOriginHeader

    Bug report(问题描述)

    我用的版本是:4.4.0, 请求的后端api 是tp6写的, 文档说可 以通过vue.config.js中配proxy吗?我怎么在代码中没有找到!是需要单独安装webpack吗

    Steps to reproduce(问题复现步骤)

    Screenshot or Gif(截图或动态图)

    Link to minimal reproduction(最小可在线还原demo)

    Other relevant information(格外信息)

    • Your OS: windows
    • Node.js version: 14.15.1
    • vue-element-admin version: 4.4.0
    opened by xiaofanku 0
  • 我在git上下载的项目,后台为什么没有国际化的改变语言的页面

    我在git上下载的项目,后台为什么没有国际化的改变语言的页面

    启动项目默认是英文的,改了main.js里边的配置,根据提示删除了语言包引用,没有效果,语言还是英文

    opened by lvshp 5
  • chore: update plop version

    chore: update plop version

    opened by ssshooter 1
  • 安装出问题,弄半天之后可以运行了,打包又出问题了,有点垃圾只能说

    安装出问题,弄半天之后可以运行了,打包又出问题了,有点垃圾只能说

    Bug report(问题描述)

    Steps to reproduce(问题复现步骤)

    Screenshot or Gif(截图或动态图)

    Link to minimal reproduction(最小可在线还原demo)

    Other relevant information(格外信息)

    • Your OS:
    • Node.js version:
    • vue-element-admin version:
    opened by junjiewu1 2
  • element tree 数据回显填充显示错误

    element tree 数据回显填充显示错误

    element tree 填充显示,子元素未全选,父级显示为对号,或者父级为对号子元素未全选

    异常填充显示:

    EC663986-85EF-45F2-8116-9E63D5C078ED

    正常显示:

    32714C93-F020-4D6C-83C2-21FB23106FB9

    opened by renhuiyong 0
  • vue-element-admin vue3版本

    vue-element-admin vue3版本

    vue3-admin-plus

    中文 | English

    vue3 admin plus 提供企业级开发demo

    本架构使用的技术为:vue3(setup-script)+vite2+element-plus 的新一代的前端框架,It's fast!

    使用 eslint+prettier+gitHooks 格式和校验代码,提高代码规范性和开发效率

    更新日志

    //10-08
    add error log collection func
    

    线上体验

    github address

    Access address

    github 地址: https://github.com/jzfai/vue3-admin-plus.git

    国内体验地址:http://8.135.1.141/vue3-admin-plus

    例子

    ---- 我们先看看加载速度和构建后的包大小:

    template-speed-analysis

    template-demo

    相关项目

    框架有js,ts和plus版本

    开发和使用感受:两个字 真香!!!!!

    文档

    -- 文档努力开发中。。。。

    可以先参考(和vue-admin-template使用类似):vue-admin-template使用文档

    和 vue-admin-template 的区别

    1.布局方式全部采用 flex 代替以前的 float,float 布局方式全部移除,优化了部分布局方式

    2.采用 vue3(setup-script)书写,用 vite2 替换 webpack,加入了 vue3 的 jsx 写法,vite2速度更快,使用vue3 的 composition 代替 vue2 option api 写法,更易维护和迁移

    3.简化了部分复杂的逻辑,优化了架构部分设计方式

    vue3和vue2在性能上的对比

    • 打包大小减少41%

    • 初次渲染快55%, 更新渲染快133%

    • 内存减少54%

    • 使用Proxy代替defineProperty实现数据响应式

    • 重写虚拟DOM的实现和Tree-Shaking

    vite2和webpack打包速度上的对比

    构建步骤

    # 克隆项目
    git clone https://github.com/jzfai/vue3-admin-plus.git
    
    # 进入项目目录
    cd  vue3-admin-plus
    
    # 安装依赖(建议用yarn)
    yarn
    
    # 启动服务
    yarn run dev
    

    浏览器访问 http://localhost:5001

    发布

    # 构建测试环境
    yarn run build-serve
    
    # 构建生产环境
    yarn run build
    

    其它

    # 预览发布环境效果
    yarn run preview:build-serve
    
    # 预览生产环境
    yarn run preview
    
    # 代码格式检查并自动修复
    yarn run lint
    

    功能

    - 登录 / 注销
    
    - 权限验证
      - 页面权限
      - 指令权限
      - 权限配置
      - 二步登录
    
    - 多环境发布
      - serve
      - build
      - priview
      - lint
    
    - 全局功能
      #- 国际化多语言
      #- 多种动态换肤
      - 动态侧边栏(支持多级路由嵌套)
      - 动态面包屑
      - 快捷导航(标签页)
      - Svg Sprite 图标
      - 本地/后端 mock 数据
      #- Screenfull全屏
      - 自适应收缩侧边栏
    
    - 编辑器
      - 富文本
      - Markdown
      #- JSON 等多格式
    
    #- Excel
      #- 导出excel
      #- 导入excel
      #- 前端可视化excel
      #- 导出zip
    
    - 表格
      - 动态表格
      #- 拖拽表格
      #- 内联编辑
    
    - 错误页面
      - 401
      - 404
    
    - 組件
      - 头像上传
      - 返回顶部
      #- 拖拽Dialog
      #- 拖拽Select
      #- 拖拽看板
      #- 列表拖拽
      #- SplitPane
      #- Dropzone
      #- Sticky
      #- CountTo
    
    - 综合实例
    - 错误日志
    - Dashboard
    #- 引导页
    - ECharts 图表
    #- Clipboard(剪贴复制)
    #- Markdown2html
    

    注:#---暂未实现(希望大家能一起开发)

    额外

    架构开发不易,如果感觉好,请给我点个赞憋,架构还在不断完善中,欢迎加入我开发,一起成为Contributors !!!!

    浏览器支持

    注意:vue3不在支持IE浏览器 Modern browsers and Internet Explorer 11+.

    | IE / Edge
    IE / Edge | Firefox
    Firefox | Chrome
    Chrome | Safari
    Safari | | --------- | --------- | --------- | --------- | |Edge| last 2 versions| last 2 versions| last 2 versions

    讨论和交流(含vue3+ts视频教程)

    WeChat group

    版本

    MIT license.

    Copyright (c) 2021-present kuanghua

    opened by jzfai 0
  • 请问,查询或者修改数据库一般采用什么方案?

    请问,查询或者修改数据库一般采用什么方案?

    直连mysql或者mongo没有看到相关的文档。 我刚接触后台,大家一般是怎么做的啊? 在游戏服务器执行查询逻辑,前端页面直接通过http获取结果并显示吗?

    opened by lsx1994 0
  • ie下加载不出来默认路由问题

    ie下加载不出来默认路由问题

    vue-element-admin自带的vue文件,跳转失败。报错[vue-router] Failed to resolve async component default: SyntaxError: 语法错误

    bug截图

    opened by haozi1220 0
Releases(4.4.0)
  • 4.4.0(Jun 21, 2020)

    在新版本中将原来的 [email protected] 升级为 [email protected]。 主要是为了解决:

    • npm run dev 会自动开两个 tab https://github.com/PanJiaChen/vue-element-admin/issues/2944
    • npm run build:prod 页面白屏的问题 https://github.com/PanJiaChen/vue-element-admin/issues/3271

    vue-cli 升级也非常简单,基本无需自己操作说明, 可参照 https://cli.vuejs.org/migrating-from-v3/

    1. 安装 最新版本@vue/cli
    npm install -g @vue/cli
    # OR
    yarn global add @vue/cli
    
    1. 然后执行
    vue upgrade
    

    脚本就会自动帮你进行升级

    :warning: Breaking Changes

    有一点需要额外注意,在新版本中废弃了通过VUE_CLI_BABEL_TRANSPILE_MODULES来控制懒加载

    废弃原因

    [email protected]时代,使用VUE_CLI_BABEL_TRANSPILE_MODULES是 ok 的,但其实也是脆弱的,就比如在[email protected]时,vue-cli 引入babel-plugin-dynamic-import-node的逻辑就发生了变化,需要VUE_CLI_BABEL_TRANSPILE_MODULESVUE_CLI_BABEL_TARGET_NODE同时为 true 时才会生效,所以只要 vue-cli 的判断逻辑发生了变化,我们都需要做相对应的改动,或非常被动和耦合。所以我们在[email protected]版本中,不再通过VUE_CLI_BABEL_TRANSPILE_MODULES:true来设置,而是通过手动引入'babel-plugin-dynamic-import-node'的方式,具体见下一部分。

    [email protected]

    1. .env.development文件中不在需要配置VUE_CLI_BABEL_TRANSPILE_MODULES = true,删除即可。

    2. 在命令行执行 npm install babel-plugin-dynamic-import-node -S -D

    3. babel.config.js 中添加插件

    module.exports = {
      presets: ['@vue/cli-plugin-babel/preset'],
      env: {
        development: {
          plugins: ['dynamic-import-node']
        }
      }
    }
    

    具体 commit:https://github.com/PanJiaChen/vue-element-admin/pull/3028/commits/2ea998f91d889480821468de86df9bf8defbb5f0


    Upgrade the original vue-cli @ 3 to vue-cli @ 4 in the new version. Mainly to solve:

    -npm run dev will automatically open two tags https://github.com/PanJiaChen/vue-element-admin/issues/2944 -npm run build: white screen issue on prod page https://github.com/PanJiaChen/vue-element-admin/issues/3271

    The upgrade of vue-cli is also very simple, basically you don’t need to operate your own instructions, you can refer to https://cli.vuejs.org/migrating-from-v3/

    1. Install the latest version @vue/cli
    npm install -g @vue/cli
    # OR
    yarn global add @vue/cli
    
    1. Then execute
    vue upgrade
    

    The script will automatically upgrade for you

    :warning: Breaking Changes

    One thing needs extra attention. In the new version, the control of lazy loading via VUE_CLI_BABEL_TRANSPILE_MODULES is abandoned.

    Elimination reason

    In the era of [email protected], using VUE_CLI_BABEL_TRANSPILE_MODULES is ok, but it is actually fragile, as in [email protected], vue-cli introduces babel-plugin-dynamic-import-node The logic ofhas changed, it needs to be VUE_CLI_BABEL_TRANSPILE_MODULES and VUE_CLI_BABEL_TARGET_NODE to be true at the same time, so as long as the judgment logic of vue-cli changes, we need to make corresponding changes, or be very passive and coupled . So in the [email protected] version, we no longer set it by VUE_CLI_BABEL_TRANSPILE_MODULES: true, but by manually introducing 'babel-plugin-dynamic-import-node', see the next section for details.

    [email protected]

    1. No need to configure VUE_CLI_BABEL_TRANSPILE_MODULES = true in the .env.development file, just delete it.

    2. Run npm install babel-plugin-dynamic-import-node -S -D

    3. The way to add the dynamic-import-node plugin in babel.config.js, see the next section for details.

    module.exports = {
      presets: ['@vue/cli-plugin-babel/preset'],
      env: {
        development: {
          plugins: ['dynamic-import-node']
        }
      }
    }
    

    Detail commit:https://github.com/PanJiaChen/vue-element-admin/pull/3028/commits/2ea998f91d889480821468de86df9bf8defbb5f0

    Source code(tar.gz)
    Source code(zip)
  • 4.3.1(Jun 18, 2020)

    :tada: 新功能

    • 侧边栏 icon 支持 el-icon,在声明路由时直接使用 icon class 即可,例如:
    meta: {
          title: 'Example',
          icon: 'example'
          icon: 'el-icon-s-help' //demo
        },
    

    :bug: 修复

    • 修复 param2Obj 函数在参数中出现 == 时的 bug (#3100 by @mayunhai)
    • 修复 v-permission 不支持动态设置权限的 bug (#3251)

    :sparkles: 优化

    • chore: 在 webpack 构建时开启preload,提高首页加载速度(https://github.com/PanJiaChen/vue-element-admin/commit/0bf61aac535b7799a0f17573741fee507003a7e4)
    • refactor: 修改所有 mock 文件为 commonjs,移除@babel/register(https://github.com/PanJiaChen/vue-element-admin/commit/d3bd933a8e314e5e51d48125dbcda9e3df8ee673)
    • 移除 package.json 中没有依赖到的 showdown (https://github.com/PanJiaChen/vue-element-admin/commit/7702b3d809a312feb2a9eb7c7a70fef3ea0628b8 by @Silentdoer)
    • 更新 element-ui 至 2.13.2 版本

    :tada: Features

    • The sidebar icon supports el-icon, just use the icon class when declaring the route, for example:
    meta: {
          title: 'Example',
          icon: 'example'
          icon: 'el-icon-s-help' //demo
        },
    

    :bug: Bugs

    • Fix the bug when param2Obj function appears with == in the parameter (#3100 by @mayunhai)
    • Fix the bug that v-permission does not support setting permissions dynamically (#3251)

    :sparkles: Optimization

    • chore: Turn on preload during webpack build to increase the homepage loading speed(https://github.com/PanJiaChen/vue-element-admin/commit/0bf61aac535b7799a0f17573741fee507003a7e4)
    • refactor: Modify all mock files to commonjs, remove @babel/register(https://github.com/PanJiaChen/vue-element-admin/commit/d3bd933a8e314e5e51d48125dbcda9e3df8ee673)
    • Remove showdown which is not dependent on package.json (https://github.com/PanJiaChen/vue-element-admin/commit/7702b3d809a312feb2a9eb7c7a70fef3ea0628b8 by @Silentdoer)
    • Update element-ui to version 2.13.2
    Source code(tar.gz)
    Source code(zip)
  • 4.3.0(Jun 8, 2020)

    :warning: Breaking Changes

    chore: change node-sass to dart-sass(#3040 by @Cat7373 )

    /deep/ 已不适用,需要使用 ::v-deep进行替换

    v4.3.0之前本项目都是基于node-sass进行构建的,但node-sass底层依赖 libsass,导致很多用户安装的特别的困难,尤其是 windows 用户,它强制用户在windows环境中必须安装python2Visual Studio才能编译成功。

    所以为了解决这个问题,本项目在 v4.3.0修改为dart-sass进行构建,它能在保证性能的前提下大大简化用户的安装成本。通过这个 issue下面相关的评论就可以知道,安装 node-sass 是多么麻烦的一件事。

    这里选择使用dart-sass还有一个更主要的原因,sass官方已经将dart-sass作为未来主要的的开发方向了,有任何新功能它都是会优先支持的,而且它已经在社区里稳定运行了很长的一段时间,基本没有什么坑了。dart-sass之所以容易安装,主要是因为它会被编译成纯 js,这样就可以直接在的 node 环境中使用。虽然这样它的运行速度会比基于 libsass的慢一些些,但这些速度的差异几乎可以忽略不计。整个社区现在都在拥抱dart-sass,我们没有理由拒绝!而且它的确大大简化了用户的安装成本。

    目前vue-cli在选择sass预处理的时候也会默认优先使用dart-scss,相关 pr

    相关的说明可以见该篇文章: Announcing Dart Sass

    具体 dart-sass性能评测可见:Perf Report

    升级方案

    升级也非常的简单,只需要两个步骤

    npm uninstall node-sass
    
    npm install sass -S -D
    

    具体可见该: Pull Request

    不兼容

    替换 node-sass 之后有一个地方需要注意,就是它不再支持之前 sass 的那种 /deep/ 写法,需要统一改为 ::v-deep 的写法。相关: issue

    具体 demo:

    .a {
      /deep/ {
        .b {
          color: red;
        }
      }
    }
    
    /* 修改为 */
    .a {
      ::v-deep {
        .b {
          color: red;
        }
      }
    }
    

    不管你是否使用dart-sass,我都是建议你使用::v-deep的写法,它不仅兼容了 css 的>>>写法,还兼容了 sass /deep/的写法。而且它还是 vue 3.0 RFC 中指定的写法。

    而且原本 /deep/ 的写法也本身就被 Chrome 所废弃,你现在经常能在控制台中发现 Chrome 提示你不要使用/deep/的警告。

    更多: scope css 写法


    :warning: Breaking Changes

    chore: change node-sass to dart-sass(#3040 by @Cat7373 )

    /deep/ is no longer applicable, it needs to be replaced with ::v-deep

    Before v4.3.0, this project was built based on node-sass, but node-sass low-level dependencies libsass, resulting in many users installing Especially difficult for Windows users, it forces users to install python2 and Visual Studio in the windows environment to compile successfully.

    So in order to solve this problem, this project was modified to build dart-sass in v4.3.0, it can guarantee performance Under the premise of greatly simplifying the user's installation costs. Through this issue the relevant comments below can be known, install` Node-sass is such a troublesome thing.

    There is a more important reason for choosing to use dart-sass here. Officially, sass has taken dart-sass as the main development direction in the future. Any new features will be supported first, and it It has been running steadily in the community for a long time, and there are basically no pits. The main reason why dart-sass is easy to install is because it will be compiled into pure js, so that it can be used directly in the node environment. Although its running speed will be slower than that based on libsass, the difference in these speeds is almost negligible. The entire community is now embracing dart-sass, and we have no reason to refuse! And it does greatly simplify the user's installation costs.

    Currently, vue-cli will also prefer to use dart-scss by default when selecting sass preprocessing, related: pr

    Related instructions can be found in this article: Announcing Dart Sass

    Specific dart-sass performance evaluation can be seen: Perf Report

    Upgrade plan

    The upgrade is also very simple, requiring only two steps

    npm uninstall node-sass
    
    npm install sass -S -D
    

    The upgrade can also be seen in detail: Pull Request is simple and only requires two steps

    Not compatible

    One thing to note after replacing node-sass is that it no longer supports the /deep/ writing style of sass before, and it needs to be changed to the writing style of ::v-deep. Related: issue

    Concrete demo:

    .a {
      /deep/ {
        .b {
          color: red;
        }
      }
    }
    
    /* change into */
    .a {
      ::v-deep {
        .b {
          color: red;
        }
      }
    }
    

    Regardless of whether you use dart-sass or not, I suggest you use ::v-deep notation, which is not only compatible with the css >>> notation, but also compatible with sass /deep/ . And it's the way of writing specified in vue 3.0 RFC.

    And the original writing of /deep/ itself was abandoned by Chrome. You can often find a warning in the console that Chrome reminds you not to use /deep/.

    More: scope css writing

    Source code(tar.gz)
    Source code(zip)
  • 4.2.2(Jun 8, 2020)

    :tada: 新功能

    • 新增 plop store 模板,一键创建空 store 模板文件 (#2805 by @monkeycf)
    • 新增 在线 CodeSandbox,在线运行代码 (#2976)

    :bug: 修复

    • 修复 autocomplete 拼写错误 (#2191 by @mgbq)
    • 修复 Dashboard debounce bug (#2597 by @mayunhai)
    • 修复 登出时TagsView没有清除的 bug (#2632)
    • 修复 若干TagsViewbug (#2634, #2649)
    • 修复 Charts在被keep-alive后,resize 的 bug (#2922)
    • 修复 UserCard 中的拼错误 (#3056 by @echofly)
    • 修复 parseTime函数在 Safari中的 bug (#3066 by @Aisen60)
    • 修复 parseTime函数在在传入空值时的 bug (#3038 by @c-f-cooper)

    :sparkles: 优化

    • 默认请求不开启withCredentials,有跨域需求的请自行设置 (https://github.com/PanJiaChen/vue-element-admin/commit/9538d1b766ab897f0fb3cc38d05be6884be7e6e2)
    • 升级axios 版本,修复安全漏洞 (https://github.com/PanJiaChen/vue-element-admin/commit/018c20a3f6f695be9de28aa651d2c1cc64c13cee)
    • 升级element-ui2.13.0版本
    • 增加jsconfig.json 文件,以便让编辑器支持文件点击跳转 (#2609 by @FrancisSano)
    • 优化file-saver 的引入方式,通过 import 的方式引入 (#2347 by @gaoshijun1993)
    • 优化若干代码写法 (#2720,#2725,#2733,#2732,#2739,#2744,#2791 by @thaycacac)
    • 优化登出按钮的可点击区域 (#2896) by @wangshantao)
    • 优化mock-server (#2966 by @roblues)
    • 在开发环境中使用vue-cli 默认的 source-map以提高编译速度 (#3097)
    • 优化TagsView,当滚动时隐藏右键按钮 (#3118 by @AiMe1991)

    :open_book: 文档

    • docs: improve Japanese translation (#2970 by @artn)
    • docs: Improve read me files and changes in Spanish (#3234 by @EdwinBetanc0urt)

    :tada: Features

    • Added plop store template (#2805 by @monkeycf)
    • Added CodeSandbox, could run code online (#2976)

    :bug: Bugs

    • Fix spelling error of autocomplete (#2191 by @mgbq)
    • Fix Dashboard debounce bug (#2597 by @mayunhai)
    • Fix the bug that TagsView was not cleared when logging out (#2632)
    • Fix several TagsView bugs (#2634, #2649)
    • Fix "Charts" resize bug after being "keep-alive" (#2922)
    • Fix misspelling in UserCard (#3056 by @echofly)
    • Fix bug of parseTime function in Safari (#3066 by @Aisen60)
    • Fix bug of parseTime function when passing null value (#3038 by @c-f-cooper)

    :sparkles: Optimization

    • The default request does not enable withCredentials, please set it yourself if you have cross-domain requirements (https://github.com/PanJiaChen/vue-element-admin/commit/9538d1b766ab897f0fb3cc38d05be6884be7e6e2)
    • Upgrade axios version, fix security holes (https://github.com/PanJiaChen/vue-element-admin/commit/018c20a3f6f695be9de28aa651d2c1cc64c13cee)
    • Upgrade element-ui to 2.13.0 version
    • Add jsconfig.json file to let the editor support file click and jump (#2609 by @FrancisSano)
    • Optimize the way of importing file-saver, importing through import (#2347 by @gaoshijun1993)
    • Optimized some code writing (#2720,#2725,#2733,#2732,#2739,#2744,#2791 by @thaycacac)
    • Optimized the clickable area of ​​the logout button (#2896) by @wangshantao)
    • Optimized mock-server (#2966 by @roblues)
    • Use vue-cli default source-map in development environment to improve compilation speed (#3097)
    • Optimized TagsView, hide right button when scrolling (#3118 by @AiMe1991)

    :open_book: 文档

    • docs: improve Japanese translation (#2970 by @artn)
    • docs: Improve read me files and changes in Spanish (#3234 by @EdwinBetanc0urt)
    Source code(tar.gz)
    Source code(zip)
  • 4.2.1(May 27, 2019)

    :bug: 修复

    • 修复 charts 图表 在 keep-alive中的 bug(#2119)
    • 修复 同时引用多个 Tinymce 富文本 时的 bug(#2152)

    :sparkles: 优化

    • 添加 autoprefixerdevDependencies,避免有些情况下漏装的问题(#2097 by @bpzhang )
    • 优化 request.js 的错误处理 (#2160 @gaoshijun1993 )
    • dev proxy 的 target 修改为 127.0.0.1,避免修改了localhost的指向后,代理失效的问题(#2142)
    • Tinymce 富文本增加 language 选项(#2159)

    :bug: Bugs

    • Fixed bug when charts in keep-alive (#2119)
    • Fixed bug when init multiple tinymces at the same time (#2152)

    :sparkles: Optimization

    • Add autoprefixer to devDependencies to avoid the problem of missing(#2097 by @bpzhang )
    • Optimized error handling for request.js (#2160 @gaoshijun1993 )
    • The target of the dev proxy is modified to 127.0.0.1, to avoid some people modifying the localhost pointer, the proxy is invalid(#2142)
    • Tinymce add language option(#2159)
    Source code(tar.gz)
    Source code(zip)
  • 4.2.0(May 21, 2019)

    :tada: 新功能

    • 新增 Spanish 文档 (#2070 by @yamelsenih )
    • vuex store 自动导入时支持嵌套文件夹 (#2047 by @yamelsenih )
    • svg 组件支持 通过外部 url 的方式引入 svg (#2052 )
    • 登录时支持携带 query (#2013 )

    :bug: 修复

    • 修复了 Dashboard 图表在移动端展示问题(#2060)
    • 修复重定向页面会在 vue-devtool中出现 bug(#2066 )
    • 修复切换用户权限时的 bug (#2072 )

    :sparkles: 优化

    • Tinymce 富文本优化为按需加载的形式 (#2102 )
    • Error Log 组件新增 清除 log 按钮(#2065 by @toruksmakto )
    • 优化 Right Panel 组件样式 (#2101 by @Liugq5713 )
    • 个人详情页 移动端适配(#2020)
    • 默认情况在生产环境中使用 MockJS模拟数据。若有需求请自己移除。(4ef0782189004e98cf427fd5eafc908d0a14a7d6)
    • 当页面跳转至 redirect的时候,面包屑不在变化(#2086 )。

    :warning: Breaking Changes

    • generate postcss.config.js instead of .postcssrc.js,与vue-cli保持一致

    :tada: Features

    • Add Spanish (#2070 by @yamelsenih )
    • Vuex store import supports (#2047 by @yamelsenih )
    • Svg component support import svg from url (#2052 )
    • Support to carry the query when logging in(#2013 )

    :bug: Bugs

    • Fixed Dashboard chart showing issues on mobile#2060)
    • Fixed the redirect page will cause a bug in vue-devtool(#2066 )
    • Fixed bug when switching user permissions (#2072 )

    :sparkles: Optimization

    • Dynamic import Tinymce(#2102 )
    • Error Log component added Clear log button(#2065 by @toruksmakto )
    • Optimize the right panel component style (#2101 by @Liugq5713 )
    • Profile page mobile adapter(#2020)
    • By default, MockJS is used to simulate data in a production environment. Please remove it if you need it.(4ef0782189004e98cf427fd5eafc908d0a14a7d6)
    • When the page jumps to redirect, the breadcrumbs are not changing (#2086).

    :warning: Breaking Changes

    • generate postcss.config.js instead of .postcssrc.js, consistent with vue-cli
    Source code(tar.gz)
    Source code(zip)
  • 4.1.0(May 5, 2019)

    :tada: 新功能

    • 页面title修改为动态的,会随着页面的变化而变化,不再是写死的 (#1910 by @ren8179 )
    • 新增 profile 个人详情页 (#1953 by @tuandm )
    • 国际化新增了日语 (#1999 by @linzhengen )

    :bug: 修复

    • 修复了 permission 页面的重定向错误 (#1908 by @linfeimy )
    • 修复了 v-el-height-adaptive-table指令的 bug (#1924 by @yuntao1997 )
    • 修复了在 windows 下 mock-server 的 bug (#1939 by @dingangang )
    • 修复了综合实例页面 display_time 一直是 NaN 的 bug (#2001 by @dolonfly )

    :sparkles: 优化

    • 全面优化了代码注释
    • 优化了部分全局 css
    • 为公用函数增加了JSDoc注释 (#1883 by @tuandm )
    • Tinymce 增加了 width 参数 (#1952 by @ansonhorse )
    • login 页面的 input 增加 tabindex 使其支持 tab 切换 (#1933 by @toruksmakto )
    • 优化了设置了 fixedHeader 情况下滚动效果 (e8e6c7e79c2488779090f00efc5f1bbfcb04bd5b)

    :warning: Breaking Changes

    • master 分支将默认不在支持国际化,所有国际化内容移至 i18n 分支 (#1828)
    • 修改Breadcrumb的参数名 noredirect => noRedirect(4ee334a)
    • 全局优化了文件名 (#1884) 详情命名规则见文档
    • Tinymce 改用 cdn 引入的方式 (#1996 )

    :tada: Features

    • The title of the page is now dynamic and will change as the page changes. It is no longer written dead. (#1910 by @ren8179 )
    • Add profile profile page (#1953 by @tuandm )
    • i18n added Japanese lang (#1999 by @linzhengen )

    :bug: Bugs

    • Fixed redirect error for permission page (#1908 by @linfeimy )
    • Fixed bug with v-el-height-adaptive-table directive (#1924 by @yuntao1997 )
    • Fixed a bug with mock-server under windows (#1939 by @dingangang )
    • Fixed example page display_time which has been a bug for NaN (#2001 by @dolonfly )

    :sparkles: Optimization

    • Optimized code comments
    • Optimized some global css
    • Added JSDoc comment to global function (#1883 by @tuandm )
    • Tinymce added the width prop (#1952 by @ansonhorse )
    • The input of the login page adds tabindex to support tab switching. (#1933 by @toruksmakto )
    • Optimized the scrolling effect when fixedHeader is set (e8e6c7e79c2488779090f00efc5f1bbfcb04bd5b)

    :warning: Breaking Changes

    • The master branch will not support i18n by default, and i18n will be moved to i18n branch (#1828)
    • Modify the parameter name of Breadcrumb noredirect => noRedirect(4ee334a)
    • Globally optimized file name (#1884) For details of naming rules, see Documentation
    • Import Tinymce from cdn (#1996 )
    Source code(tar.gz)
    Source code(zip)
  • 4.0.1(Apr 10, 2019)

    :tada: 新功能

    • 修改 vuex 模块为自动导入(#1815 by @Estelle00 )
    • 新增 mock-server 支持热更新 (#1850 )
    • 侧边栏新增 高亮选项 activeMenu,可手动配置路由需要高亮的侧边栏(#1833 )

    :bug: 修复

    • 修复了侧边栏 scrollbar 滚动慢和定位问题(#1853 )
    • 修复了 Guide demo 页面的 bug (https://github.com/PanJiaChen/vue-element-admin/commit/184125bdd369bf3c2dec4b182ae42993dfb5b7bc , https://github.com/PanJiaChen/vue-element-admin/commit/25414f1fd90ac7686b3a2866b5ae0defd6294022)
    • 修复了 在设置了 FixedHeader 情况下,页面布局的 bug(https://github.com/PanJiaChen/vue-element-admin/commit/a8c6e11ee66e5c9902a09bddf6d8aecccd9866ad)
    • 修复 tags-view 关闭最后一个页面是首页的时候出现的 bug(#1866 by @de1ck )
    • 修复了 tags-view 的层级问题(https://github.com/PanJiaChen/vue-element-admin/commit/c923726464505213608bd8e334b768a72777b612)
    • 修复了 error-log 的层级问题(#1844 by @ansonhorse )
    • 修复了 drag-list demo 在 Firefox 下的 bug (#1841)
    • 修复了在使用cnpm安装模块后,optimization.splitChunks 失效的问题(https://github.com/PanJiaChen/vue-element-admin/commit/c833cb6efabdef7f2d1241d1b204e2701f8a04c1)
    • 修复了侧边栏 Sidebar 在设置了alwaysShow: true外链跳转失效问题 (#1870)

    :sparkles: 优化

    • 登录页,输密码时增加大小写提示 (#1845 by @mayunhai )

    :tada: Features

    • Modify the vuex module to auto import(#1815 by @Estelle00 )
    • Added mock-server support for hot reload (#1850 )
    • Sidebar adds a highlight option activeMenu to manually configure the route to highlight in the sidebar (#1833)

    :bug: Bugs

    • Fixed sidebar scrollbar scrolling slow and positioning problem(#1853 )
    • Fixed bug on Guide demo page(https://github.com/PanJiaChen/vue-element-admin/commit/184125bdd369bf3c2dec4b182ae42993dfb5b7bc , https://github.com/PanJiaChen/vue-element-admin/commit/25414f1fd90ac7686b3a2866b5ae0defd6294022)
    • Fixed style bugs with FixedHeader set(https://github.com/PanJiaChen/vue-element-admin/commit/a8c6e11ee66e5c9902a09bddf6d8aecccd9866ad)
    • Fixed tags-view the bug that occurred when closing the last page was the home page (#1866 by @de1ck )
    • Fixed a problem with the tags-view z-index(https://github.com/PanJiaChen/vue-element-admin/commit/c923726464505213608bd8e334b768a72777b612)
    • Fixed a problem with the error-log z-index(#1844 by @ansonhorse )
    • Fixed bug with drag-list demo in Firefox (#1841)
    • Fixed optimization.splitChunks failed after installing modules with cnpm(https://github.com/PanJiaChen/vue-element-admin/commit/c833cb6efabdef7f2d1241d1b204e2701f8a04c1)
    • Fixed Sidebar setting alwaysShow: true external link bug(#1870)

    :sparkles: Optimization

    • Login page, add capitalization prompt when write password (#1845 by @mayunhai )
    Source code(tar.gz)
    Source code(zip)
  • v4.0.0(Apr 1, 2019)

    v4.0版本正式发布。

    重大改变

    • 基于 [email protected]进行构建

    • 调整了项目的目录结构

      • mock 文件移至根目录下
      • layout 从 views 文件夹下移至 src 下
    • 使用了最新的 [email protected],重新格式化了代码

    • 现在可以在不刷新页面的情况下 remove routes

    • 更新了[email protected]

    • 增加了 jest 单元测试

    • 新增了 npm run previewnpm run test:uninpm run new指令

    • 使用了新的 mock 方式,解决了之前 mock 若干问题

    • vuex 启用了 模块化 namespaced

    • 新增了 settings.js,让 sidebarLogo、fixedHeader、TagsViews 等都可配置

    • 新增了 sidebar logo

    • 重构了侧边栏 sidebar 代码逻辑,并且优化了样式和展开收起动画,同时让二级菜单内容过多时支持滚动

    • 使用了 async/await 替代了部分 promise 代码

    • 增加了 header-search 组件 https://github.com/PanJiaChen/vue-element-admin/pull/1591

    • 增加了 fearure[TagsView]: add affix porperty https://github.com/PanJiaChen/vue-element-admin/pull/1577

    • 移除了 tree-table 组件。 element-ui v2.7.0 开始支持tree-table,所以不再独立维护。

    • 增加了权限配置 demo

    • 增加了导出多级表头 excel 的 demo

    • feature[Directive]: add auto-height table directive

    RoadMap

    • 更好的多级页面的缓存:目前页面的缓存基于keep-alive,但当三级路由嵌套的情况下,支持的并不好。之后探索一个更好的解决方案。
    • 单元测试:当项目大了之后,没有单元测试维护起来还是有些吃力的。 之后会慢慢补上 unit-test 的测试用例。 酌情加上一些e2e-test的例子。
    • 去国际化:其实大部分人是不需要国际化的,默认情况下移除国际化。单独开一个国际化分支。
    • 适配 webpack5:webpack5 还是解决了不少之前的痛点的,正式版发布之后会进行升级
    • vue 3.0: 等官方发布之后会基于新版本进行重构

    The v4.0 version was officially released.

    Breaking Changes

    • Build based on [email protected]

    • Adjusted the directory structure

      • Mock file move to root directory
      • Layout from the views folder to src
    • Reformatted the code with the latest [email protected]

    • You can now remove routes without refreshing the page.

    • Updated [email protected]

    • Added jest unit test

    • Added npm run preview, npm run test:uni, npm run new directive

    • Using the new mock method, solved some problems with the previous mock

    • vuex use namespaced

    • Added settings.js to make sidebarLogo, fixedHeader, TagsViews, etc. configurable

    • Add sidebar logo

    • Refactored the sidebar code logic and optimized the style and unfolding the animation

    • Use Async/await

    • Add header-search https://github.com/PanJiaChen/vue-element-admin/pull/1591

    • Add fearure[TagsView]: add affix porperty https://github.com/PanJiaChen/vue-element-admin/pull/1577

    • Remove tree-table. element-ui v2.7.0 started to support tree-table, so it is no longer maintained independently.

    • Added permission configuration demohttps://github.com/PanJiaChen/vue-element-admin/commit/c963f56686b9731a517a17c4d562bc3da0fa3771

    • Added demo to export multi-level header excel

    • feature[Directive]: add auto-height table directive https://github.com/PanJiaChen/vue-element-admin/pull/1702 (by @yuntao1997 )

    RoadMap

    • Better multi-level page caching: The current page cache is based on keep-alive, but when the three-level routing is nested, the support is not good. Then explore a better solution.
    • Unit testing: When the project is big, it is still a little difficult to maintain without unit testing. The unit-test test case will be added slowly. Add some examples of e2e-test as appropriate.
    • Remove i18n: In fact, most people do not need to be i18n. Open a i18n branch separately.
    • Adapting webpack5: webpack5 still solves a lot of pain points before, the upgrade will be upgraded after the official version is released.
    • vue 3.0: vue 3.0: Refactoring based on the new version after official release
    Source code(tar.gz)
    Source code(zip)
  • v3.11.0(Mar 28, 2019)

    注意:这是 v4.0 版本之前最后的一个版本更新了。之后除非有重大bug,不然 v3.x.x版本将不再继续迭代。

    Note: This is the last version update before the v4.0 version. After that, unless there is a major bug, the v3.x.x version will not continue to iterate.

    Source code(tar.gz)
    Source code(zip)
  • v4.0.0-beta(Mar 26, 2019)

    重大改变

    • 基于 [email protected]进行构建

    • 调整了项目的目录结构

      • mock 文件移植根目录下
      • layout 从 views 文件夹下移植 src 下
    • 使用了最新的 [email protected],重新格式化了代码

    • 更新了[email protected]

    • 增加了 jest 单元测试

    • 新增了 npm run previewnpm run test:uninpm run new指令

    • 使用了新的 mock 方式

    • vuex 启用了 模块化 namespaced

    • 新增了 settings,让 sidebarLogo、fixedHeader、TagsViews 等都可配置

    • 新增了 sidebar logo

    • 重构了侧边栏 sidebar 代码逻辑,并且优化了样式和展开收起动画,同时让二级菜单内容过多时支持滚动

    • 使用了 async/await 替代了部分 promise 代码

    • 增加了 header-search 组件 https://github.com/PanJiaChen/vue-element-admin/pull/1591

    • 增加了 fearure[TagsView]: add affix porperty https://github.com/PanJiaChen/vue-element-admin/pull/1577

    • 重构了 tree-table 组件 (by @Liugq5713)

    • 增加了权限配置 demo https://github.com/PanJiaChen/vue-element-admin/commit/c963f56686b9731a517a17c4d562bc3da0fa3771 (by @gaoshijun1993 )

    • 增加了导出多级表头 excel 的 demo https://github.com/PanJiaChen/vue-element-admin/commit/763b31d915be67aecc8f24283d4898ccded8b55b (by @llccing)

    • feature[Directive]: add auto-height table directive https://github.com/PanJiaChen/vue-element-admin/pull/1702 (by @yuntao1997 )

    小修复和优化

    • 修复了 DndList https://github.com/PanJiaChen/vue-element-admin/pull/1527
    • 修复了 ThemePicker https://github.com/PanJiaChen/vue-element-admin/pull/1517
    • 优化了 移动端的兼容性 https://github.com/PanJiaChen/vue-element-admin/issues/1567
    • 优化了 screen-full 全屏组件 https://github.com/PanJiaChen/vue-element-admin/commit/0fed69f367899c6f5d3321e5cb86b84faa08d2e9
    • fix[Sidebar]: fixed infinite loop bug #1333 (by @frank10000 )
    • fix[Sticky]: fixed bug when set stickyTop (by @Mrli2016)
    • fix[Waves-Directive]: fixed v-waves does not support update #1705 (by @jsjzh)

    总结来说:就是 4.0 版本改了很多东西,是一次不兼容更新。

    Source code(tar.gz)
    Source code(zip)
  • v3.10.0(Dec 31, 2018)

    • :tada: feature[Component]: 新增 tui.editor 组件 #1374
    • :tada: feature[PDF]: 新增 PDF demo #1469
    • :tada: feature[Breadcrumb]: 新增 Breadcrumb 面包屑 隐藏 option #1442
    • :sparkles: perf[avatar]: 优化手机端导航栏头像样式 #1300 (by @jaysunxiao)
    • :sparkles: perf[style]: 使用 webpack alias 替代应变发 css 地址(by @samuelchlui)
    • :sparkles: perf[chore]: 升级 vue-router 来修复 url 地中含有中文字符的 bug #1362
    • :sparkles: perf[ScrollPane]: 优化 moveToTarget code #1460
    • :sparkles: perf[Sidebar]: 优化 sidebar store
    • :sparkles: refactor[login]: 重构 login page style #1474
    • :bug: fix[Charts]: 修复 charts resize mixins bug #1285 (by @LarchLiu)
    • :bug: fix[Breadcurmb]: 修复 router-link bug
    • :bug: fix[Breadcurmb]: 修复 pathCompile bug
    • :bug: fix[Guide-Page]: 修复 guide page style bug #1391
    • :bug: fix[Tinymce]: 修复 fullScreen bug #1400
    • :bug: fix[Example]: 新增 <el-form-item> wrapper for validate #1428 (by @jingyulong)

    • :tada: feature[Component]: add tui.editor #1374
    • :tada: feature[Breadcrumb]: add hide Breadcrumb option #1442
    • :tada: feature[PDF]: add PDF demo #1469
    • :sparkles: perf[avatar]: minimize the selected area of avatar on the mobile phone #1300 (by @jaysunxiao)
    • :sparkles: perf[style]: use webpack alias instead of hard code src path (by @samuelchlui)
    • :sparkles: perf[chore]: update vue-router to fixed url path for non ascii urls #1362
    • :sparkles: perf[ScrollPane]: refine moveToTarget code #1460
    • :sparkles: perf[Sidebar]: refine sidebar store
    • :sparkles: refactor[login]: refactor login page style #1474
    • :bug: fix[Charts]: fixed charts resize mixins bug #1285 (by @LarchLiu)
    • :bug: fix[Breadcurmb]: fixed router-link bug
    • :bug: fix[Breadcurmb]: fixed pathCompile bug
    • :bug: fix[Guide-Page]: fixed guide page style bug #1391
    • :bug: fix[Tinymce]: fixed fullScreen bug #1400
    • :bug: fix[Example]: add <el-form-item> wrapper for validate #1428 (by @jingyulong)
    Source code(tar.gz)
    Source code(zip)
  • v3.9.3(Oct 26, 2018)

    • :tada: feature: 新增利用 table 表头排序的 demo (#1236)

    • :tada: feature: 新增可拖拽 select 组件 (#1249)

    • :bug: fixed[TagsView]: 修复 openMenu 在边界情况下的展示问题 (#1256)

    Next

    下一次发布应该就是 v4.0 版本了,完全基于 [email protected] 进行构建,并添加了配置项功能,用户可自由选择是否需要 TagsView,默认语言等功能,并开始逐步补齐单元测试。

    v3.9.x 版本应该还会并行维护一段时间,照顾那些暂时不能升级的用户


    • :tada: feature: add an example of sort data by table (#1236)

    • :tada: feature: add drag select component (#1249)

    • :bug: fixed[TagsView]: fix openMenu boundary display bug (#1256)

    Next

    The next release should be v4.0 version, built entirely based on [email protected], and added configuration, users can freely choose whether they need TagsView, default language and other settings, and start to gradually complete unit test.

    The v3.9.x version should also be maintained in parallel for a period of time, taking care of users who are temporarily unable to upgrade.

    Source code(tar.gz)
    Source code(zip)
  • v3.9.2(Oct 19, 2018)

    • :tada: demo 支持西班牙语 #1196 (by @rmenor)
    • :tada: feature[Pagination]: 新增了 Pagination 分页组件 #1213
    • :sparkles: perf[TagsView]: 重构了 moveToTarget 函数 #1195 (by @frank10000 )
    • :bug: fix[MockJS]: 修复在使用 mockjs 时,跨域请求不能携带 cookie 的问题 #1194 (by @Aysnine )
    • :bug: fix[Sidebar]: 修复跳转外链地址不支持中文的 bug #1182
    • :bug: fix[TagsView]: 修复更新 tag title 的 bug #1223

    • :tada: support Spanish #1196 (by @rmenor)
    • :tada: feature[Pagination]: add Pagination component #1213
    • :sparkles: perf[TagsView]: refactor moveToTarget function #1195 (by @frank10000 )
    • :bug: fix[MockJS]: fix problem where cross-domain requests cannot carry cookie when using mockjs #1194 (by @Aysnine )
    • :bug: fix[Sidebar]: fix jump outer link address does not support Chinese #1182
    • :bug: fix[TagsView]: fixed update tags title demo bug #1223
    Source code(tar.gz)
    Source code(zip)
  • v3.9.1(Oct 9, 2018)

    • :tada: feature[TagsView]: 支持鼠标中键关闭 TagsView #1149
    • :tada: feature[Breadcrumb]: 增加 pathToRegexp 来处理 path,以便让面包屑支持动态路径 #1148
    • :tada: feature[Excel]: Excel 导出新增 bookType 选项 #1144
    • :sparkles: perf[Sidebar]:当 submenu 被选中时高亮 #1154
    • :sparkles: perf[Chore]: 使用 templateParameters 来简化 index.html 模板 #1156 (by @happystory )
    • :bug: fix[TagsView]: 修复 visitedViews bug
    • :bug: fix[Sidebar]: 修复在移动端 iOS 下的 bug #1152
    • :bug: fix[Sidebar]: 修复侧边栏链接 bug (#1134)
    • :bug: fix[UploadExcel]: 修复当有多个上传组建时会出现的 bug #1136 (by @zhaoguoweiLLHC )
    • :bug: 修复 sidebar css bug #1142

    • :tada: feature[TagsView]: support mouse middle click to close TagsView #1149
    • :tada: feature[Breadcrumb]: add pathToRegexp to compile path to support dynamic path #1148
    • :tada: feature[Excel]: support bookType option #1144
    • :sparkles: perf[Sidebar]: highlight submenu when is active #1154
    • :sparkles: perf[Chore]: use templateParameters to refine index.html #1156 (by @happystory )
    • :bug: fix[TagsView]: fixed visitedViews bug
    • :bug: fix[Sidebar]: fixed bug in iOS #1152
    • :bug: fix[Sidebar]: link bug (#1134)
    • :bug: fix[UploadExcel]: fixed bug when there were multiple components #1136 (by @zhaoguoweiLLHC )
    • :bug: fix sidebar css bug #1142
    Source code(tar.gz)
    Source code(zip)
  • v3.9.0(Sep 18, 2018)

    • :tada: feature[Tinymce]: support i18n #994 (by @mimimile)
    • :tada: feature[tagsView]: support refresh #1033
    • :tada: feature:[sidebar]: support external-link #991
    • :tada: feature: support global size option #1024
    • :tada: feature: redirect to the url you want to access after logging in #1046
    • :tada: feature: Added svgo script to optimize svg (doc) #1096
    • :tada: feature: add Typescript demo vue-typescript-admin-template (by @Armour )
    • :sparkles: refactor[tagsView]: use el-scrollbar #995
    • :sparkles: refactor[store]: refactor tagsView store #1032
    • :sparkles: perf style in mobile mode #1065
    • :sparkles: optimized all svg icons #1096
    • :sparkles: refine permission.js logic #1067 (by @inklake )
    • :bug: fix[backToTop]: continuous click bug #1007
    • :bug: fix[LineChart]: fixed transitionend bug #1045
    • :bug: fix[screenfull]: fixed issue with Chrome 67+
    • :bug: fix[tagsView]: update tagsview when query is different #1090
    • :bug: fix[sidebar]: fixed sidebar has no children bug #1111
    • :bug: fix[tinymce]: fixed id duplicate bug when has multiple tinymce components 87b319d
    • :bug: fix[parseTime]: fixed getDay() bug https://github.com/PanJiaChen/vue-element-admin/commit/0e75dcc42a931bca25835941a03572a4ffdc7f83

    • :tada: feature[Tinymce]: 支持 i18n #994 (by @mimimile)
    • :tada: feature[tagsView]: 支持刷新 #1033
    • :tada: feature:[sidebar]: 支持 external-link 外链 #991
    • :tada: feature: 支持全局自定义布局大小 #1024
    • :tada: feature: 登录后重定向到之前想访问的页面地址 #1046
    • :tada: feature: 增加了svgo指令来优化 svg (文档) #1096
    • :tada: feature: 新增了 Typescript demo vue-typescript-admin-template (by @Armour )
    • :sparkles: refactor[tagsView]: 使用 el-scrollbar 替代之前的滚动方案 #995
    • :sparkles: refactor[store]: 重构 tagsView store #1032
    • :sparkles: 优化在移动端的样式 #1065
    • :sparkles: 优化了所有 svg 图标 #1096
    • :sparkles: 优化 permission.js 逻辑 #1067 (by @inklake )
    • :bug: fix[backToTop]: 修复连续点击的 bug #1007
    • :bug: fix[LineChart]: 修复 transitionend bug #1045
    • :bug: fix[screenfull]: 修复 在 Chrome 67+下 bug
    • :bug: fix[tagsView]: 修复 query 不同 tagsview 不更新的 bug #1090
    • :bug: fix[sidebar]: 修复侧边栏在 children 为空数组时候 bug #1111
    • :bug: fix[tinymce]: 修复多个富文本组件时候 id 重复 bug 87b319d
    • :bug: fix[parseTime]: 修复 getDay() bug https://github.com/PanJiaChen/vue-element-admin/commit/0e75dcc42a931bca25835941a03572a4ffdc7f83
    Source code(tar.gz)
    Source code(zip)
  • v3.8.1(Aug 20, 2018)

  • v3.8.0(Aug 15, 2018)

  • v3.7.3(Jul 31, 2018)

    • :bug: fix[UploadExcel]: add file type check (#878)
    • :bug: fix[Sidebar]: fixed sidebar bug when set hidden:true (#880)
    • :bug: fix[tagsView]: DEL_OTHERS_VIEWS cachedViews bug (#913) by @mimimile
    • :bug: fix[Tinymce]: fixed tinymce upload dialog bug (#654)

    • :bug: 修复[UploadExcel]: 增加excel上传之前的类型检查 (#878)
    • :bug: 修复[Sidebar]: 修复 sidebar 在设置为 hidden:true 时候出现的bug (#880)
    • :bug: 修复[tagsView]: 修复 DEL_OTHERS_VIEWS cachedViews bug (#913) by @mimimile
    • :bug: 修复[Tinymce]: 修复 tinymce upload dialog bug (#654)

    Breakings

    The next version will upgrade [email protected] and [email protected]

    Source code(tar.gz)
    Source code(zip)
  • v3.7.2(Jul 13, 2018)

    • :tada: chore: add lint-staged #818
    • :sparkles: perf[ArticleDetail]: refine el-col :span #841 by @ZYSzys
    • :sparkles: perf[login]: i18n of input placeholder #844
    • :sparkles: perf[style]
    • :sparkles: refactor(SidebarItem): optimizate SidebarItem #845 by @bowencool
    • :bug: fix[build.js]: fixed build bug in preview mode #819
    • :bug: fix[TagsView]: fix contextmenu position bug #850
    • :bug: fix[css]: css bug in mobile #852
    • :bug: fix[excel]: default filename bug && format code #857

    • :tada: 新增了 lint-staged 进行提交格式化校验 #818
    • :sparkles: 优化了[ArticleDetail]: refine el-col :span #841 by @ZYSzys
    • :sparkles: 优化了[login]: 修复了登录页 input placeholder 国际化问题 #844
    • :sparkles: 优化了部分样式
    • :sparkles: 重构了(SidebarItem): optimizate SidebarItem #845 by @bowencool
    • :bug: 修复了[build.js]: 修复了预览模式bug #819
    • :bug: 修复了[TagsView]: 右击菜单定位问题 #850
    • :bug: 修复了[css]: 小屏幕样式问题 #852
    • :bug: 修复了[excel]: 导出文件 filename bug && 格式化了代码 #857
    Source code(tar.gz)
    Source code(zip)
  • v3.7.1(Jun 27, 2018)

    • :tada: add[permission]: add checkPermission function
    • :tada: add[example]: add nested routes example (#789)
    • :sparkles: refine[TagView]: support route query (#765) by @tmpbook
    • :sparkles: refine[UploadExcel-component]: set readerData to promise (#761)
    • :bug: fix[Tinymce]: remove legacyoutput (#745) && bug in content is null (#732) by @Insua

    Breaking

    Now use Runtime-only (#799) Detail see Runtime-Compiler-vs-Runtime-only


    • :tada: 新增了 checkPermission 全局权限校验的方法
    • :tada: 新增了路由嵌套的示例(#789)
    • :sparkles: 优化了[TagView]: 支持 route query (#765) by @tmpbook
    • :sparkles: 优化了excel上传组件(#761)
    • :bug: 修复了富文本内容为空的bug(#732) by @Insua 并且移除了legacyoutput插件(#745)

    Breaking

    Now use Runtime-only (#799) Detail see Runtime-Compiler-vs-Runtime-only

    Source code(tar.gz)
    Source code(zip)
  • v3.7.0(Jun 1, 2018)

    • :tada: add v-permission (#653)
    • :tada: add guide page(base on driver.js) #534 (#707)
    • :sparkles: refactor[ScrollBar](use el-scrollbar) (#646)
    • :sparkles: refine page transition animation
    • :bug: fix[Tinymce] custom-btn bug in fullscreen
    • :bug: fix[sidebar] style bug in windows #702
    • :bug: fix[Sticky] bug in resize #721 #724 #725

    • :tada: 新增了权限指令 v-permission (#653)
    • :tada: 新增了引导页 guide page(基于 driver.js) #534 (#707)
    • :sparkles: 重构了侧边栏滚动(改为使用 el-scrollbar) (#646)
    • :sparkles: 优化了页面转场动画
    • :bug: 修复了[Tinymce] 全屏情况下自定义按钮的样式问题
    • :bug: 修复了[sidebar] 侧边栏在 windows 下的样式问题 #702
    • :bug: 修复了[Sticky] 在屏幕 resize 时候出现的bug #721 #724 #725

    Breaking

    现在使用babel-plugin-dynamic-import-node替代了之前_import_production.js _import_development.js的方案。 详情见文档

    Source code(tar.gz)
    Source code(zip)
  • v3.6.6(May 2, 2018)

    • :tada: add drag dialog (#477)
    • :tada: add resonsive sidebar (#636)
    • :tada: add draggable kanban using vue-draggable (#625) by @yugasun
    • :sparkles: perf[Tinymce]: remove autosize && fullpage plugin
    • :sparkles: perf[el-dragDialog]: add the verification of moving edges
    • :bug: fix[el-dargDialog]: fixed drag bug in IE #633

    • :tada: 增加可拖拽 dialog (#477)
    • :tada: 侧边栏sidebar 增加自适应 (#636)
    • :tada: 基于vue-draggable 新增 kanban (#625) by @yugasun
    • :sparkles: 优化[Tinymce]: 移除 autosize && fullpage 插件
    • :sparkles: 优化[el-dragDialog]: 增加边界验证
    • :bug: 修复[el-dargDialog]: f修复在IE 下的拖拽bug #633
    Source code(tar.gz)
    Source code(zip)
  • v3.6.5(Apr 13, 2018)

    • :bug: fix[Tinymce]: remove bbcode plugin #573
    • :bug: fix[UploadExcel]: fix can't select the same excel #549

    Breaking

    update element-ui to v2.3.0+, to resolve sidebar bug. #468 #458


    • :bug: 修复[Tinymce]: 移除 bbcode 插件 #573
    • :bug: 修复[UploadExcel]: 不能重复上传excel #549

    不兼容升级

    升级 element-uiv2.3.0+版本,解决侧边栏显示问题。#468 #458

    Source code(tar.gz)
    Source code(zip)
  • v3.6.4(Mar 26, 2018)

    • :sparkles: perf: misplaced script tag #507 @amedora

    • :sparkles: perf: change tab char to 2 spaces #522 @yugasun

    • :sparkles: perf: change in operation to Object.keys #518 @yugasun

    • :sparkles: perf[editor-dashboard]: refine css z-index #509

    • :sparkles: perf[excel]: refactor excel #536

    • :bug: fix[menu]: some bug in only has one showing child #484

    • :bug: fix[Tinmyce]: fiexd fullscreen ui bug #513

    • :bug: fix[ImageCropper]: $emit close bug #520

    • :bug: fix[TodoList]: fixed css bug with z-index #535

    Breaking

    • Set export_json_to_excel parameter variable to Object #536 Such as:
    {
       excel.export_json_to_excel({
           header: tHeader,
           data,
           filename: this.filename,
           autoWidth: this.autoWidth
        })
    }
    

    • :sparkles: 优化: index.html script 标签插入位置 #507 @amedora

    • :sparkles: 优化: 使用 2 空格替代一个tab #522 @yugasun

    • :sparkles: 优化: 使用 Object.keys 来遍历 #518 @yugasun

    • :sparkles: 优化[editor-dashboard]: 优化 css z-index #509

    • :sparkles: 优化[excel]: 重构了 excel导出函数 #536

    • :bug: 修复[menu]: 菜单在是有一个可显示子元素的情况下会有问题 #484

    • :bug: 修复[Tinmyce]: 富文本全屏 ui bug #513

    • :bug: 修复[ImageCropper]: 上传头像组件关闭问题 #520

    • :bug: 修复[TodoList]: 修复css bug with z-index #535

    Breaking

    • export_json_to_excel 函数传参变为 Object #536 例如:
    {
       excel.export_json_to_excel({
           header: tHeader,
           data,
           filename: this.filename,
           autoWidth: this.autoWidth
        })
    }
    
    Source code(tar.gz)
    Source code(zip)
  • v3.6.3(Mar 14, 2018)

    • :sparkles: perf[Tinymce]: set dialog append-to-body && add SetContent listener 31b7fa6 7cacd5a

    • :sparkles: perf[i18n]: TagsView contextmenu #490

    • :sparkles: perf[Charts]: add resize mixin #480

    • :sparkles: update[ImageCropper]: update vue-image-crop-upload to new version #503

    • :bug: fix[Icons]: copy bug #494


    • :sparkles: 优化[Tinymce]: 使其支持在dialog中上传图片 && 增加 SetContent listener 31b7fa6 7cacd5a

    • :sparkles: 优化[i18n]: TagsView 右键 contextmenu 支持国际化 #490

    • :sparkles: 优化[Charts]: 增加 resize mixin 使图表支持响应式 #480

    • :sparkles: 更新[ImageCropper]: 更新 vue-image-crop-upload t至最新版本 #503

    • :bug: 修复[Icons]: 图标展示页面复制bug #494

    Source code(tar.gz)
    Source code(zip)
  • v3.6.2(Feb 2, 2018)

    • :tada: add alwaysShow option to menu (if set true, will always show the root menu )
    • :sparkles: update Tinymce to v4.7.5 and add more plugins
    • :sparkles: perf some icons
    • :bug: fixed contexrmenu bug on Firefox #423
    • :bug: fixed dragTable bug in Firefox #434

    • :tada: 侧边导航栏新增 alwaysShow 选项(若设置为true, 怎会永远显示根导航 )
    • :sparkles: 更新Tinymce 至 v4.7.5 并且添加了更多的组件和实例
    • :sparkles: 优化了部分icons
    • :bug: 修复在 Firefox 中 tag 右键bug #423
    • :bug: 修复在 Firefox 中 拖拽表格会新开tab的bug #434
    Source code(tar.gz)
    Source code(zip)
  • v3.6.1(Jan 23, 2018)

    • :tada: add TreeTable by @leij1ang
    • :sparkles: set cheap-source-map to default devtool in development

    • :tada: 新增TreeTable by @leij1ang
    • :sparkles: 在开发模式中设置 cheap-source-map 为默认打包方式
    Source code(tar.gz)
    Source code(zip)
  • v3.5.1(Jan 5, 2018)

    • :tada: add postcss-url plugin
    • :sparkles: perf[upload-excel] support drag upload
    • :sparkles: perf[permission]:set role => roles
    • :bug: fixed nest menu and noDropdown item bug #327
    • :bug: fixed defalut language bug #388

    • :tada: 新增 postcss-url 插件
    • :sparkles: 优化upload-excel] 支持拖拽上传excel
    • :sparkles: 优化[permission]:set role => roles
    • :bug: 修复侧边栏多级菜单样式问题 #327
    • :bug: 修复国际化初始语言bug #388
    Source code(tar.gz)
    Source code(zip)
  • 3.5.0(Dec 29, 2017)

Owner
花裤衩
花裤衩
Free and Beautiful Vue 3 Admin Template

Free and beautiful Vue.js admin template with 44+ custom UI components. Developed by Epicmax. Designed by Vasili Savitski Based on Vuestic UI library.

Epicmax 8.3k Oct 18, 2021
CoreUI is an Open Source Bootstrap Admin Template.

CoreUI is an Open Source Bootstrap Admin Template. But CoreUI is not just another Admin Template. It goes way beyond hitherto admin templates thanks to transparent code and file structure. And if that's not enough, let’s just add that CoreUI consists bunch of unique features and over 1000 high quality icons.

CoreUI 11k Oct 11, 2021
🎉 A magical vue admin

vue-element-admin is a production-ready front-end solution for admin interfaces. It is based on vue and uses the UI Toolkit element-ui. vue-element-admin is based on the newest development stack of vue and it has a built-in i18n solution, typical templates for enterprise applications, and lots of awesome features. It helps you build large and complex Single-Page Applications. I believe whatever your needs are, this project will help you.

花裤衩 71.3k Oct 14, 2021
Admin Null — Free Vue.js Bulma Buefy Dashboard SPA (with dark mode)

Admin Null — free Vue Bulma dashboard with dark mode Admin Null is simple, beautiful and free Vue.js Bulma Buefy admin dashboard with dark mode. Free

Viktor Kuzhelny 60 Oct 10, 2021
A vue3 version of vue-element-admin

vue-element-admin is a production-ready front-end solution for admin interfaces. It is based on vue and uses the UI Toolkit element-ui.

Ziwen Mei 382 Oct 13, 2021
🚀🚀🚀vue3,vue3.0,vue,vue3.x,vue.js,vue后台管理,admin,vue-admin,vue-element-admin,ant-design,vue-admin-beautiful-pro,vab admin pro,vab admin plus主线版本基于element-plus、element-ui、ant-design-vue三者并行开发维护,同时支持电脑,手机,平板,切换分支查看不同的vue版本,element-plus版本已发布(vue3,vue3.0,vue,vue3.x,vue.js)

??????vue3,vue3.0,vue,vue3.x,vue.js,vue后台管理,admin,vue-admin,vue-element-admin,ant-design,vue-admin-beautiful-pro,vab admin pro,vab admin plus主线版本基于element-plus、element-ui、ant-design-vue三者并行开发维护,同时支持电脑,手机,平板,切换分支查看不同的vue版本,element-plus版本已发布(vue3,vue3.0,vue,vue3.x,vue.js)

good luck 10.4k Oct 14, 2021
Production Ready, Carefully Crafted, Extensive Vuetifty Free Admin Template 🤩

Materio - Vuetify VueJS Free Admin Template Production ready carefully crafted most comprehensive admin template Introduction If you’re a developer lo

ThemeSelection 101 Oct 17, 2021
Restful Admin Dashboard Based on Vue and Boostrap 4

REST-ADMIN 中文文档 An Powerful Admin Dashboard based on Boostrap-Vue. Demo: http://rest-admin.genyii.com/ admin admin Please support me on https://afdian

Johnny Wu 600 Sep 30, 2021
🐜 Ant Design Pro's implementation with Vue

?? Ant Design Pro's implementation with Vue

null 2.6k Oct 20, 2021
👏A magical vue3 admin using vue3(script-setup) + vite2 + element-plus

vue3-admin-plus English | 中文 vue3 admin plus provides enterprise-level development demo A new generation admin construct using vue3(setup-script)+vite

kuanghua 10 Oct 11, 2021
Open Admin是基于 Spring Boot + Spring Security + Mybatis + Vue Antd Admin Pro + Mysql开发的框架,致力于为用户生成定制的前后端脚手架框架。

项目介绍 Open Admin是基于 Spring Boot + Spring Security + Mybatis + Vue Antd Admin Pro + Mysql开发的框架,致力于为用户生成定制的前后端脚手架框架,系统集成了同步菜单、异步菜单、RBAC、 菜单权限、日志管理、Excel导

cxp1539 187 Oct 8, 2021
Crudapi Admin Web (crudapi-admin-web)

简介:crudapi后台管理页面,框架采用Vue,控件库为Quasar, 形式为SPA单页面应用。 主要知识点:Vue基本知识,自定义组件,axios网络请求,Vuex状态管理,Router路由,本地存储LocalStorage、Session、Cookie,登录,本地调试,docker打包等。 主要功能:元数据管理,序列号管理,表关系设置,业务数据crud增删改查等。

crudapi 31 Oct 12, 2021
🖖 A vue-cli 3.0 + typescript minimal admin template

vue-typescript-admin-template is a production-ready front-end solution for admin interfaces based on vue, typescript and UI Toolkit element-ui

Chong Guo 4.1k Oct 16, 2021
Admin One - Vue.js 3 Tailwind CSS admin dashboard template

Admin One - Vue.js 3 Tailwind CSS admin dashboard template

JustBoil.me 143 Oct 16, 2021
vue-admin-work是一个中后台系统管理方案。使用 vue2.x 及周边全家桶工具开发而来。支持多种功能,不同角色权限🚀🚀🚀🎉🎉

vue-admin-work是一个中后台系统管理方案。使用 vue2.x 及周边全家桶工具开发而来。支持多种功能,不同角色权限??????????

null 6 Aug 2, 2021
🎉 A new generation vue3 admin template using vue3(script-setup) + vite2 + element-plus + typescript

vue3-admin-ts English | 中文 A basic vue3 admin template with vite2 & Element-Plus UI & axios & svg-icon& permission control & lint A new generation adm

kuanghua 11 Oct 11, 2021
vue-vben-admin-2.0 mini template.vue3,vite,typescript

Vue vben admin English | 中文 Introduction Vue Vben Admin is a free and open source middle and back-end template. Using the latest vue3, vite2, TypeScri

Vben 790 Oct 19, 2021
✨ ✨ ✨ A vue3 style Admin based on Vite2, vue3.0, ant-design-vue 2.x, typescript,vuex,vue-router,Efforts to update in progress...

✨ ✨ ✨ A vue3 style Admin based on Vite2, vue3.0, ant-design-vue 2.x, typescript,vuex,vue-router,Efforts to update in progress...

Vben 7k Oct 14, 2021
Ant Design Pro's implementation with Vue. An out-of-box UI solution for enterprise applications as a React boilerplate.

Ant Design Pro's implementation with Vue. An out-of-box UI solution for enterprise applications as a React boilerplate.

AONE 1 Oct 12, 2021