动态嵌套校验的难点主要是如何绑定prop属性，自定义方法的难点主要是如何在嵌套的基础上设置自定义方法以及如何将v-for的索引传入校验

一、效果 二、指令的封装 el：指令绑定到的元素，可以用来操作DOM，或者获取当前DOM的子级 binding：一个对象，包括了指令的参数，其中重要的参数有： arg：传递给指令的参数，例如在v-lo

本项目采用 vue + qiankun 实践微前端落地。 同时qiankun是一个开放式微前端架构，支持当前三大前端框架甚至jq等其他项目无缝接入。 实际项目应用可不要如此粗暴，要有优雅的架构设计。 微前端是什么、为什么要做微前端、qiankun是什么这些笔者将不再叙述。（文末…

代码能力非一朝一夕之功，比起各种封装抽象，各种设计模式、算法，日常业务中多以增删改查为主。把基础的变量命名、排版、简洁写法贯彻后，代码就能简洁清晰很多，与其远望高山，不如脚踏实地。

前段时间，我们前端组做了一些系统优化。集中表现在代码执行速度，系统安全等方面，故新建一篇文章来记录这次优化的经历。如果本文对您有帮助，烦请大家一键三连哦, 蟹蟹大家~

新项目：同一域名下部署多个vue项目 例如： 前端在打包静态文件的时候需要进行以下修改： 将publicPath 改为 '/子目录名/'。 vue-router 路由文件的配置，填写二级目录 新增 b

History模式路由配置与项目前置的baseUrl设置 项目要求访问时均在域名的/main路径下访问 vue.config.js打包配置调整 publichPath: 部署的都是位于服务器的二级目录

vue-cli 2.x版本分环境打包步骤可以猛戳这里.一位同事写的一篇关于vue-cli 2.x多环境下打包的文章,绝对是干货中的战斗机,所以就尽量不再重复造轮子,今天我们还是以vue-cli 3.0版本下的分环境打包方式为主。 首先还是老规矩,能用代码说明的问题,绝不多bb一…

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理