vue客户端开发

使用vscode 打开client-vue目录，具体项目结构请参考vue-pure-admin保姆级文档，前端框架的问题你都可以在这里查询

1、增加路由

如图，在router/modules/system.ts文件中增加路由

    {
      path: "/notice",
      name: "system_notice",
      meta: {
        title: "通知公告",
        permissions: ["system.notice"]
      },
      component: () => import("@/views/system/notice/index.vue")
    }

这里需要注意的地方是，permissions: ["system.notice"]，这个是控制权限的，system.notice是功能编码,所有在Modules文件夹下的符合规则的文件都会被注册成路由

2、新建前端页面

我们根据前端路由新建对应的Vue文件，views/system/notice/index.vue，里边都是基础的CRUD代码，作者自己封装了vxe-table，自行查看吧

3、新建api文件

新建对应的api文件，新建@/api/system/notice.ts文件

4、页面里的权限控制

新建好了页面之后，就可以进行页面内容开发了，根据自己的业务自行选择组件使用，这里要介绍一下，界面里的权限控制，界面里权限控制的核心就是一个东西：

import { hasAuth } from "@/router/utils";

通过这个东西，你可以控制界面元素的渲染，比如：v-show="hasAuth('system.notice')"