小白尝试——基于Vue和Bootstrap设计简单登录界面

	工作之余在慕课网上学习Vue，我想自己操刀一把写一个网页。登录页面在我看来是一个比较好入手的小项目，所以就出了本篇文章。在写登录页面时，我认为引入Bootstrap写网页能方便一些。如果我要是直接用Html+Css写网页的话，我需要写的css样式太多了。结果我发现，用Bootstrap写网页也没有那么轻巧。

项目框架

代码
App.vue

<template>
  <div id="app" :style="{ backgroundImage: 'url(' + bg1 + ')' }">
    <div class="center" :style="{ backgroundImage: 'url(' + bg2  + ')' }">
      <Login></Login>
      </div>
  </div>
</template>
<script>
import Login from './components/Login.vue'
import bg1 from './assets/img/bg1.jpg'
import bg2 from './assets/img/bg2.png'

export default {
   
  components: {
   
    Login
  },
  data () {
   
    return {
   
      bg1: bg1,
      bg2: bg2
    }
  }
}
</script>
<style scoped>
* {
   
  padding: 0%;
  margin: 0%;
}
#app {
   
  background: url(./assets/img/bg1.jpg) no-repeat;
  height: 100%;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  rig