在大型单页面应用中，处于对性能的考虑和首屏加载速度的要求，我们一般都会使用webpack的代码分割和vue-router的路由懒加载功能将我们的代码分成一个个模块，并且只在需要的时候才从服务器加载一个模块。 但是这种解决方案也有其问题，当网络环境较差时，我们去首次访问某个路由模…

在我尝试加入一种新的表单类型时，我发现我已经无。从。下。手。 1. 子组件 所有的子组件中都需要包含两个方法validate、getData供父组件调用。 2. 父组件 使用策略模式存储并获取子表单的ref(用于获取子表单的方法)和提交函数 。省略了大量的if-else判断。

构建大型 SPA 应用时，代码分割和懒加载是比较常用的优化手段，在 Vue 生态下，使用 vue-router 很容易实现组件的懒加载。 但应用里除了组件，还有庞大的业务逻辑，这部分如何分割和懒加载比较合适呢？

目前掘金上已经有很多关于axios封装的文章。自己在初次阅读这些文章中，见识到很多封装思路，但在付诸实践时一直有疑问：这些看似高级的二次封装，是否会把`axios`的调用方式弄得更加复杂？

出现场景 同一个tab来回切换 根据输入单词查询接口 两个按钮异步的形式操作同一份数据 解决 ui层面 防抖 全局loading 总结： 阻塞用户操作 防抖 对于输入框实时请求 闭包+对请求加id校验

至此，我们可以在组件中使用axios发送get或者post请求了。但是响应处理以及请求拦截等我们还是需要统一封装的，接下来就需要封装axios。 在src目录下面新增request文件夹。然后新增api文件夹，存放我们各个模块的api，新增index.js为各个模块api的统一…

组件数据源支持动态数据请求，翻页与改变请求参数都会自动执行新的请求，另外支持数据内容直接编辑功能 数据渲染 数据编辑 vue element table to object 下载 引用 引用-默认参数

整体流程：1、选择文件，切片，计算文件hash，查询文件是否已经上传部分切片。2、如果是，则返回已上传的切片列表，对比所有切片，得到未上传的切片列表，并上传。否则上传所有切片。

封装组件注意点 不要为了封装而封装 只封装不变的部分，将变化的部分通过slot或其他方式，暴露出去，交给调用者实现 为了提供封装组件的复用率，优先封装为UI组件，而不是封装为业务组件（即：封装组件内部