element-ui+vue2.0 实现登录并实现一周內记住密码

1.文件目录

element-ui+vue2.0 实现登录并实现一周內记住密码_第1张图片

2.主页index.html



  
    
    
    news
  
  
    

3.main.js

import Vue from 'vue'
import App from './App'
import router from './router'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import 'element-ui/lib/index.js'


Vue.use(ElementUI)

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: ''
})

4.App.vue 





5.Login.vue







6.Home.vue





7.index.js 

import Vue from 'vue'
import Router from 'vue-router'
import Login from '@/components/Login'
import Home from '@/components/Home'

Vue.use(Router)

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

8.实验结果

element-ui+vue2.0 实现登录并实现一周內记住密码_第2张图片

element-ui+vue2.0 实现登录并实现一周內记住密码_第3张图片

你可能感兴趣的:(Vue.js学习)