我们在使用 Vue 或其他框架的日常开发中，或多或少的都会遇到一些性能问题，尽管 Vue 内部已经帮助我们做了许多优化，但是还是有些问题是需要我们主动去避免的。我在我的日常开中，以及网上各种大佬的文章中总结了一些容易产生性能问题的场景以及针对这些问题优化的技巧，这篇文章就来探讨…

框架设计远没有大家想的那么简单，并不是说只把功能开发完成，能用就算完事儿了，这里面还是有很多学问的。比如说，我们的框架应该给用户提供哪些构建产物？产物的模块格式如何？当用户没有以预期的方式使用框架时是否应该打印合适的警告信息从而提升更好的开发体验，让用户快速定位问题？开发版本的…

1. 代码混淆 2. 资源放到 cdn 3. 无用库删除 4. gzip 压缩 5. 第三方库放到 cdn

这篇文章主要参考了 Vue.js 核心成员 Guillaume Chau 在 19 年美国的 Vue conf 分享的主题：9 Performance secrets revealed，分享中提到了九个 Vue.js 性能优化的技巧。 我看完他的分享 PPT后，也阅读了相关的项…

权限路由主要作用是进行权限的认证，不同角色进入到系统给出不同的菜单以及路由，大部分权限路由是通过在router中设置路由拦截器 beforeEach 进行判断Cookie或者Session是否已经存在登录验证的Token，如果有就进行下一步的操作去后端获取路由信息，没有就弹出到…

当我们需要给输入框添加动态的规则时，就比如上面这种。当我给移动电话2输入电话时，就需要给它添加上验证规则

以上是笔者平时针对自己项目或者公司项目累积的一点vue项目打包优化知识，也许你有更好的优化点，或者更好的优化方案，欢迎提供案例，学习学习。

在引用第三方库的时候，一般都会有通过js来显示一个正确提示或者错误提示的弹窗，如果开发的项目里要有自己独特的风格，可以自己实现一个。

前提回顾第一：props/$emitApp.vuecomponents/Foo.vuecomponents/Bar.vue第二：$refs/refApp.vue的代码同上省略components/Fo