基于 vue-element-template 框架添加 tagsview和permission.js

Vue-element-template是一个基于Vue.js和Element UI的轻量级模板集，它结合了Vue的基本结构和Element UI的各种组件，提供了一种快速搭建项目的基础。

要在这个框架中添加tagsview（标签视图）和permission.js（权限管理），你需要按照以下步骤操作：

1. **安装依赖**:
- 首先确保你的项目已经安装了Vue、Element UI以及相关的npm包。如果没有，可以使用`npm install element-ui`安装Element UI。
- 如果需要tagsview插件，可以在vue项目中安装`npm install iview@latest --save`（iview的tagsview组件）或者`npm install vue-tagsinput`（另一个轻量级的tagsview选择）。

2. **引入并注册组件**:
- 在main.js或入口文件中，导入tagsview组件，并注册到Vue实例上。例如，如果是iview：

     import { TagsView } from 'iview';
     Vue.component('tags-view', TagsView);

- 对于permission.js，这通常用于控制用户访问特定页面或功能。可以创建一个自定义组件或者引入如vue-router-plugin-permission这样的第三方插件来处理权限。

3. **使用组件**:
- 在需要应用tagsview的地方，比如在表单或者其他视图中，使用`<tags-view></tags-view>`标签。同样地，对于权限管理，你需要在每个需要权限检查的路由守卫或组件生命周期钩子里使用permission.js提供的功能。

4. **配置权限策略**:
- 在permission.js中，你可以定义角色或权限规则，然后在router的beforeEach或其他地方检查当前用户的权限。例如，你可以根据用户的角色设置是否可以访问某个页面。

// permission.js示例
export default {
  async check_permission(to, from, next) {
    const userRole = localStorage.getItem('user_role'); // 假设从sessionStorage获取用户角色
    if (userRole === 'admin') {
      next();
    } else {
      next({ path: '/forbidden', name: 'Forbidden' });
    }
  },
};