一、写在开头 今天终于更新新专栏 《EfficientFarm》 的第二篇博文啦，本文主要来记录一下对于EasyExcel的高效应用，包括对MySQL数据库百万级数据量的导入与导出操作，以及性能的优化

🐶 问题背景 在最近的项目开发中，有一个水印的需求。这个水印功能，在一个已知的 vue2 项目中已经实现，在vue2中，将这个水印封装成了一个 watermark plugin，方法是直接在 vue

先附上源码地址：https://github.com/cwjbjy/vite-vue-ts-seed 1. 初始化项目 1. node版本要求 使用node16以下版本在运行vue-tsc时会报错。n

axios很好用，其中之一就是它的拦截器十分强大，我们就可以为请求和响应设置拦截器，比如请求拦截器可以在每个请求里加上token，做了统一处理后维护起来也方便，响应拦截器可以在接收到响应后先做一层操作，如根据状态码判断登录状态、授权。 这样可以把api统一管理起来，以后维护修改…

为什么要封装Axios？ 前端发起一个请求，都要考虑以下几种情况： 环境配置(本地环境、测试环境、正式环境)？ 通用请求头配置？ 请求前参数处理？ 请求后数据处理？ 异常处理？ 请求错误怎么办？重试操

目前 vue-cli3 生成的配置是做单页面的，然而，我们有时也会有多页面的需求 。比如我们最常见的一个项目跑多个独立的小型的H5页面，这些页面不可能每一次都开一个新项目.但是在实际的项目中，我们需要这样的脚手架，参考了很多大牛的脚手架，这里提供了一种我的单页面脚手架转换为多页…

先简单介绍下自定义指令 Vue的自定义指令通过Vue.directive方法来创建。 bind：指令第一次绑定到元素时调用。在这里可以执行一次性的初始化设置。 inserted：被绑定元素插入父元素时

附上源码地址: Vue3.0+TS+Element-plus 后台管理系统模板 vue3 版本重新编写了底层的响应式系统（reactive，ref)，于是我自定义了一套store管理

当用户点击列表中的switch组件时，用户的状态应该跟随发生改变。