「最近在进行业务项目的重构，使用到 Vue 和单元测试相关知识，这里想把单元测试在 Vue 业务组件中的实践经验分享给大家，希望能够对大家有所帮助。本篇文章着重讲的是测试思路和 case 写法，要求读者有 Vue 项目实践经验，对前端测试框架 Karma、断言库、代码覆盖率等知识有一定的了解。」

Vue 超大数据列表解决方案 vue-recyclerview 开源，动态布局 + 自动回收解决移动端中大数据量列表的性能瓶颈。

对，就是它：Vue.js 组件编码规范。读过的同学忽略，没读过的同学有时间的话请花 20 分钟认真看看，文章的内容都是在认可这篇规范的基础上展开的。 另外，本文中的“最佳实践”（注意引号），全都是一家之言，不一定对，欢迎各路大佬讨论拍砖。 组件（component）是 vue …

另辟蹊径：vue单页面，多路由，前进刷新，后退不刷新

除此之外还是使用了： Vuex，Vue Router， Yarn 模块管理工具，Webpack 打包工具，Element UI 组件，JSON Web Tokens 校验 等等等

对于 .vue 单文件组件的单元测试，一般的方法使用 Karma，配合 Webpack，headless browser，再加上你喜欢的测试框架（mocha、ava、jasmime、node-tap）。这个过程配置繁琐，而且需要 Webpack 把整个项目编译打包，再在 browser 上跑测试，执行过程也很慢。

借鉴吾记APP，使用 vue2.0+vue-router+vuex 为主要技术栈，elementui做为ui框架，多模块 spa 模式，webpack2.0 负责模块打包，gulp 负责处理静态资源打包、压缩，欢迎打赏star！！！

开始对代码结构和业务的理解而引起的重构优化之路。

首先 首发博客: 我的博客 项目源码: 源码(喜欢请star) 项目预览: 预览 上一章: 《学习不一样的vue(1)实战:环境搭建》 我的Q群: meteor高手群 vue学习交流群 前言：现在有些人真心浮躁，我先发了一篇基础《环境搭建》,就各种喷啊，各种黑啊，逼的我删除掉了…