vue--管理后台手把手搭建-----（5）

权限写完了，开始写主页面，如下

主要由侧边栏，头部，tag标签和主页面构成。

主要介绍tag标签。

a   侧边栏：

 引用element-ui框架，从全局导航钩子开始说起，当我们拉取完用户token后，需要拉取用户权限，我们需要对拉取来的用户权限做处理，判断是否为超管权限或者为该用户应展示的权限内容，将其存放到vuex中，当我们渲染的时候，在从vuex中获取数据。

b   tag标签：

   （1）在store/modules/下新建tagsview.js

const tagsView = {
  state: {
    visitedViews: [], //存放所有浏览过的且不重复的路由数据
    cachedViews: []
  },
  mutations: {
    ADD_VISITED_VIEWS: (state, view) => {  //打开新页签--添加路由数据的方法
      if (state.visitedViews.some(v => v.path === view.path))
        return
      state.visitedViews.push({
        name: view.name,
        path: view.path,
        title: view.meta.title || 'no-name'
      })
      if (!