一、路由配置
对于这个只有5个页面的mini 项目来说，路由配置也是相当简单的。 在router 目录下index.js中，引入必要的模块 :
a. 主模块Vue
b. 路由模块（vue-router）
已经自定义目录——pages下面自己编写的页面组件，文中项目就简简单的5个页面
a.首页（Home.vue）
b.用户信息页面（Comstomers.vue）
c.充值记录页面（Charge.vue）
d.订单记录（Order.vue）
e.登录页（Login.vue）
代码如图：
Vue 中默认的路由模式是hash 模式, 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。当然你也可以使用 history mode—— h5 history.pushStateAPI来完成url跳转, 设置路由模式只需要在 路由实例对象中的mode 属性 设置成 'hash' 或者'history’.
vue路由中可以配置动态路径参数，以冒号开头，形如：{ path:'/user/:id', component: User }， 参数值可以用 this.$route.params 访问到。。详细的路由说明，请自行去vue官网看文档vue-router 官方文档
配置好路由之后，在命令行执行 'npm run dev' 启动应用， 本文使用的项目默认会跳转到一个微信授权页面（Auth）, 该页面调用后台给的登录状态的接口处理页面的跳转。。如果已经登录过，会直接进入首页，否则进入登录页。。
路由配置好之后，就可以开始一个一个页面撸了。。
本文的demo中用到了sass, 所以事先把sass loader， style-loader 装上去，然后再在webpack.base.config 进行配置。。。
