vuejs+vuerouter+element,一个非常简单的登录界面及跳转

阅读更多

参考资料：
element
http://element.eleme.io/#/zh-CN/component/installation
vuerouter
https://router.vuejs.org/zh-cn/
vue构建单页面应用实战
http://www.jb51.net/article/110796.html

main.js

import Vue from 'vue';
import App from './App';
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-default/index.css'
import VueRouter from 'vue-router'

Vue.use(VueRouter);
Vue.config.productionTip = false;
Vue.use(ElementUI);
/* eslint-disable no-new */
import Hello from './components/Hello.vue';
import Login from './components/Login.vue';
const router = new VueRouter({
  mode: 'history',
  routes: [
    {
      path: '/index',
      component: Hello
    },{
      path: '',
      component: Login
    }
  ]
});

new Vue({
  el: '#app',
  router,
  render: h => h(App),
});

App.vue

Login.vue

Hello.vue