架构

名称：useHistory 业务需求： 封装vue-router的 useRouter，因为觉得useRouter使用起来真费劲，而且真的的理由来着 名字借荐react的路由名称，封装后，函数内也可以

名称：useBrowser 业务需求： 这也是一个相对比较简单的，就是打开浏览器新tab页签。 在单页工程中，地址访问都是通过路由拦截，如果是识别不到的地址，一般会catchAll进行拦截，redir

名称：useExport 业务需求： 点击一个导出按钮，导出选中的数据或者默认全部数据成为excel下载下来 封装原因： 业务需求中充斥着大量臃肿的代码，以下为项目上的逻辑功能块 实现一个导出的功能，

名称：usePreview 含义： 打开新页面，预览文档（excel、word等） 封装原因： 业务侧功能开发过程中，需要打开课件文档，但是不能让页面编码，充斥着大量的 window.open(jum

名称：useSessionStorage 封装原因： 功能开发过程中，需要进行数据的临时存储，正常情况下，使用localStorage或者 sessionStorage，存在于 window 对象中，

名称：useAuth 功能说明： 权限相关，输入权限编码，输出权限状态，目前只支持菜单权限获取 第一版实现 上述代码，有遇到 BaseStore.auth.getInfoByCode(code)，可能

浅聊一下业务层hooks封装，对于什么是hooks以及hooks的作用，这里不做过多介绍，但是需要讲清楚，对于为什么要封装Hooks，以及业务层封装的目的是什么 以下是本人的思考过程： 起因独白： 起