Vue2.0 一个login跳转实例

需要解决的问题：
store存储登录状态
Vue-Router导航钩子拦截路由
Vue-Resource获取后台的数据
需要判断登录返回的user
源码参考

主要技术栈：Vuex + Vue-Resource + Vue-Router
后台用mock-data来模拟数据。

---

先来看一下效果图

第一步、起个项目打开控制台输入

$ npm install --global vue-cli#创建一个自己的基于webpack的新项目
$ vue init webpack my-project(这里是你自己的工程名)
$ cd my-project(进到你的工程文件夹下)
$ npm install (安装依赖)
$ npm run dev

注意：起工程的时候回让你选择ESLint,Test等等各种测试，这里都默认选no就可以。

现在你的项目应该跑起来了。打开控制台输入npm run dev
应该是这样的。

好了起项目成功了，接下来撸起袖子加油干吧。
先来看一下项目结构:
第二步、配置一下mock-data。

{
    "users": [
        {
            "id" : 1,
            "username": "aaa",
            "password":