# element-admin-vue3

**Repository Path**: cschina/element-admin-vue3

## Basic Information

- **Project Name**: element-admin-vue3
- **Description**: element-admin项目的vue3改造版
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 9
- **Forks**: 5
- **Created**: 2014-11-05
- **Last Updated**: 2022-09-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 介绍

- 本框架是一个前端管理项目的精简框架，包含登录、权限、基本页面等，可以作为一个项目的起始架构；
- 本项目由【element admin蛋壳大侠】改造而来，从vue2升级到vue3，去掉了谷歌浏览器缓存（这个缓存会导致jinkens部署后页面不更新，需要的自行添加）；
- 本项目权限部分，采用的是自定义的规律来展示，目前只实现了菜单权限，页面按钮权限需要自己实现。

# 如何使用

```
# 推荐cnpm
cnpm install

# 运行
npm run serve

# 打包
npm run build
```

# vue3与vue2区别
- 引入不同
```
import { createApp } from 'vue';
import ElementPlus from 'element-plus';

const app = createApp(App)
app.use(router)
app.use(store)
app.use(ElementPlus)
app.config.globalProperties.$http = axios // 全局变量v3替代方法
app.config.globalProperties._ = _
app.mount('#app')
```
- router不同
```
import { createRouter,createWebHashHistory} from "vue-router";
```

- vuex不同
```
import { createStore } from "vuex";
```