是

src/App.vue

@@ -11,5 +11,7 @@ export default {
 </script>
 
 <style>
-
+    #app{
+      height: 100%;
+    }
 </style>

src/components/HelloWorld.vue

-<template>
-    <div>
-        
-    </div>
-</template>
-
-<script>
-export default {
-  name: 'Login',
-  data () {
-    return {
-      msg: ''
-    }
-  }
-}
-</script>
-
-<style>
-
-</style>

src/components/Login.vue

+<style>
+    *{
+      margin:0;
+      padding:0;
+    } 
+    .loginDiv{
+      width:100%;
+      height:100%;
+      background-image:url('../assets/img/loginBack.jpg'); 
+      position: relative;
+      background-size: cover;
+      background-size:100% 100%;
+      background-position: center;
+    }
+    .loginOpacity{
+      background-color: rgba(0, 0, 0, 0.15);
+      height: 100%;
+      width: 100%;
+      position: absolute;
+      left: 0;
+      top: 0;
+      z-index: 1;
+    }
+</style>
+<template>
+    <div class="loginDiv">
+      <!-- <div class="loginOpacity">
+          
+      </div> -->
+    </div>
+</template>
+
+<script>
+export default {
+  name: 'Login',
+  data () {
+    return {
+      msg: ''
+    }
+  }
+}
+</script>
\ No newline at end of file

src/router/index.js

 import Vue from 'vue'
 import Router from 'vue-router'
-import HelloWorld from '@/components/HelloWorld'
 
 Vue.use(Router)
 
 export default new Router({
   routes: [
     {
-      path: '/',
-      name: 'HelloWorld',
-      component: HelloWorld
+      path: '/Login',
+      name: 'Login',
+      component: resolve => require(['@/components/Login'], resolve),
     },
     {
       path: '/homeIndex',