vue3后台项目

左侧菜单伸缩功能实现 接着我们来实现一个左侧菜单伸缩，这个功能的核心点在于动画的处理；样式的改变总是由数据进行驱动，所以我们首先去创建对应的数据； 创建store/modules/app.js，写入代

创建组件，假数据生成临时的menu菜单 这里我们先不去直接处理动态菜单，我们先用假数据生成一个临时的menu菜单； 创建layout/components/Sidebar/SidebarMenu.vu

实现Navbar的功能 处理完了基本的Layout架构之后，接着我们实现一下navbar中的头像菜单功能； 这功能分为3个部分： 获取并展示用户信息； element-plus中的dropdown组件

创建基于Layout的基础架构 Layout页面结构图： 1.整个页面分为3部分，首先去创建对应的3个组件： layout/components/Sidebar/index.vue layout/co

完善登录 登录表单校验 对于element-plus中想要对表单进行表单校验需要关注以下3点： 为e-form绑定model属性 为el-form绑定rules属性 为el-form-item绑定pr

vue3新特性介绍 Composition API vue2中的option API： 当你的组件变得越来越复杂时，组件的可读性会变得越来越差； 有了Composition API了之后，定义数据和使

构建登录页面 1.创建views/login/index.vue文件； 2.在route/index.js中增加一下路由配置； 3.创建全局的style main.ts中导入： Icon图标 之前都是