公众号：前端充电宝

目录1. 根据权限渲染菜单2. 验证页面权限3. 页面内部权限设置做到了系统的权限管理部分，以前没有接触过，下面来记录一下。权限管理主要有三步：根据权限的不同，渲染不同的菜单，显示不同的页面在页面验证用户权限，防止越权最后，有些权限是页面内部的，需要使用自定义指令来限制1. 根据权限渲染菜单在点击登陆之后，会返回一系列的数据，里面包括该用户所有权限内的菜单，然后根据这个菜单来进行相应的渲染。（1）在获取到菜单之后，为方便之后使用，将这些数据存储在Vuex以及本地缓存中state: {

目录1. 项目介绍1.1 项目功能1.2 项目技术栈2. 路由的二次封装3. 页面布局1. 项目介绍1.1 项目功能1.2 项目技术栈待项目完成之后补充…element uibootstrap 4vue-router2. 路由的二次封装对于整个项目，可能需要使用到很多的路由，那么就需要我们一个个导入组件，并定义路由，这样就很麻烦，我们可以对路由进行二次封装，就可以很方面的进行定义。先看一下原先定义的好的路由结构（这里已经将routes这部分分离出来，放在了一个单独的配置文件中，在r

目录1. 项目概述2. 项目基础架构2.1 跨域及解决2.2 项目目录结构2.3 插件的安装前言： 本文是对整个练习过程的记录，记录重点知识以及不太了解的知识。1. 项目概述本次练习是基于Vue全家桶的仿小米商城系统，商城的流程如下：登录 -> 产品首页 -> 产品站 -> 产品详情购物车 -> 订单确认 -> 订单支付 -> 订单列表总共有上面的八个页面，还有若干个组件。商城系统整体架构图：2. 项目基础架构2.1 跨域及解决跨域时浏览器为

目录1. 订单列表及数据报表功能开发2. 项目优化这个练习到这里就接近尾声， 就剩下项目的优化以及部署上线部分。1. 订单列表及数据报表功能开发对于订单列表中的地址修改功能，使用的是一个地址列表的js文件来获取的。物流进度查询使用到了Element UI中的时间线组件，注意该组件是2.6.0版本才引入的，所以如果版本低于2.6.0是不能使用的，我们可以在控制台通过以下命令来安装指定版本的Element UI：// @后面是版本号npm i [email protected]数据报

1. 权限管理功能开发通过权限管理功能模块，可以通过对用户角色的分配，来定义用户的权限。即给每个用户提供一个特定的角色，每个角色包含不同的权限功能。

目录1. 项目概述2. 项目初始化3. 登录退出功能实现前言： 根据某机构的课程视频进行的练习，这篇文章用来记录练习的过程。1. 项目概述电商管理系统主要是用于管理用户账号、 商品分类、商品信息、订单、数据统计等功能：整体使用前后端分离的开发模式，前端是基于Vue的SPA项目。前端技术栈：Vuevue-routerElement-UIAxiosEcharts2. 项目初始化项目初始化需要以下几部分内容：安装vue-cli脚手架通过脚手架创建项目（这里使用vue ui创建项