# 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"; ```