Vue-2 --登录界面

实现：

• 界面实现
• 表单规则校验
• 结合后台 api 校验
• 提示消息

App.vue

登录页面login.vue

element.js

import Vue from 'vue'
import { Button, Form, FormItem, Input,Message } from 'element-ui'
Vue.prototype.$message=Message
Vue.use(Button)
Vue.use(Form)
Vue.use(FormItem)
Vue.use(Input)
Vue.use(Message)

main.js

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import './plugins/element.js'
import './assets/css/global.css'
import axios from 'axios'
Vue.config.productionTip = false
axios.defaults.baseURL=''
Vue.prototype.$http=axios
new Vue({
  router,
  render: h => h(App)
}).$mount('#app')