vue学习笔记1 - 实现一个简单的用户登录

在vue.js+webpack环境搭建中我们已经创建了一个项目，基于创建的项目，我们来增加一个路由用于用户登录。

修改router/index.js文件

import Vue from 'vue'
import Router from 'vue-router'
import Hello from 'components/Hello'
import Login from 'components/Login'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'Hello',
      component: Hello
    },
    {
      path: '/login',
      name: 'Login',
      component: Login
    }
  ]
})

然后我们来创建一个Login组件，在components中创建Login.vue文件，代码如下：

Vue2.0如何在HTML中添加路由跳转
用户登录