在工作中我们经常要封装一些工具函数来完成需求，但是其实很多这些工具函数，都能在一些第三方库里面能找到，我们没有必要花那么多时间去做这件事情。比如说VueUse

1. 开启gzip压缩的好处 可以减小文件体积，传输速度更快。gzip是节省带宽和加快站点速度的有效方法。 客户端接受到数据后去检查对应字段的信息，就可以根据相应的格式去解码。 客户端请求时，可以用 Accept-Encoding:gzip，用户说明接受哪些压缩方法。 客户端在…

MVVM是一种软件架构模式，MVVM 分为 Model、View、ViewModel： Model代表数据模型，数据和业务逻辑都在`Model`层中定义；View代表UI视图，负责数据的展示

Vue3.0 为什么要用 proxy？ 在 Vue2 中， 0bject.defineProperty 会改变原始数据，而 Proxy 是创建对象的虚拟表示，并提供 set 、get 和 delete

Vue3.0 在去年 9 月正式发布了，看大家都有在热情的拥抱 Vue3.0。今年初新项目也开始使用 Vue3.0 来开发，这篇文章就是在使用后的一个总结， 包含 Vue3 新特性的使用以及一些使用经验分享。 使用 Vue2.x 的小伙伴都熟悉，Vue2.x 中所有数据都是定义…

市面上目前已有各种各样的UI组件库，比如 Element 和 iView，他们的强大毋庸置疑。但是我们面临的情况是需求越来越复杂，当它们不能再满足我们需求的时候，这个时候就有必要开发一套属于自己团队的组件库了。 所以本文的目的就是让读者能通过此文，小能做一个简单的插件供人使用，…

回归正题，我们所要的说的axios的封装和api接口的统一管理，其实主要目的就是在帮助我们简化代码和利于后期的更新维护。 在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的…

全局路由守卫每次都判断用户是否已经登录，没有登录则跳到登录页。已经登录(已经取得后台返回的用户的权限信息(角色之类的))，则判断当前要跳转的路由，用户是否有权限访问(根据路由名称到全部路由里找到对应的路由，判断用户是否具备路由上标注的权限信息(比如上面的roles: ['adm…

在项目开发中，可以通过 axios.create 创建一个实例，对该实例进行一些配置，便得到了一个专门用来与后端服务器进行通信的 ajax 函数。 在单网页应用中，通过在请求头设置一些信息，比如说把 token 放在请求的头部。 通过配置拦截器，对请求与响应进行处理。 其中 d…