Vue 电商项目 Vue 2.0 已经正式发布好长时间了。想找一 个 Vue.js、Vue Router 和 Vuex 三件套的实战项目来练手，上 gitHub 搜索了一下搜到一大堆，不过基本上都不是使用单文件组件开发的，更不用说基于 Vue.js 全家桶了。自己动手，丰衣足食。既然做了好几年电商项目，做个电商 App 吧。本项目基于 vue-cli 脚手架搭建，响应式页面布局，真实 的 restful web api 后端数据：就是一个 Vue 全栈开发项目。

使用 Vue Test Utils 前面介绍过使用 Vue CLI 单元测试。如果你读过这篇文章，你会深深感觉到使用 Vue CLI 写单元测试不是很方便，比如测试事件时不得不派发自定义事件。另一方面，Jest 对 React 测试的支持在好很多，老早就可以使用专有的 API 处理事件了，谁让它们都有一个 Facebook 亲爹呢。技术是进步的，一天在 Vue 官网瞎逛，偶然它们发现已经推出了 Vue Test Utils，虽然只是 vuev1.0.0-beta.19，但也提供了强大的 API，写单元测试就更溜了。赶紧 Git 下来试一下。

Vue 双向数据绑定 React 和 Vue 都主张组件之间交互用单向数据流，这样更 SOLID 的设计原则。但很多时候我们还是要用到双向数据流，也就是大家所说的 MVVM，一个很特殊的场景就是表单处理，使用双向数据绑定还是方便很多。和 Andular 一样，Vue 也可以通过 v-module 指令支持双向数据绑定。很多情况下，我们都需要自定义组件，以输入表单为例，怎样实现自定义组件双向数据绑定呢？

优化 Vue 页面性能 前面介绍过一篇 Web App 页面性能优化的文章，这是对普通页面的性能优化。针对 Vue 页面，还有一些特殊技巧。

使用 Jest 测试 Vue 应用 要保证前端的代码质量，单元测试是少不了的。特别是对核心业务的代码，要更详细地进行单元测试。之前使用 Karma 写过 AngluarJS 单元测试。现在 vue 项目越来越多，怎么写 vue 的单元测试呢？记得 Vue CLI 的 webpack 模板是支持单元测试的。下面我们就来简单介绍一下怎样使用使用 Vue CLI 中的 Jes 运行器写单元测试。