6、首页制作

前面实现了登录功能，现在来实现登录后跳转的首页级首页的制作。
1、新建一个Home.vue文件
components——New——Vue Component（WebStorm这个软件2018.1这个版本才有的选项，早期版本没有，如果没有可以创建File自己手动加入Vue模板）
创建好后的模板如下：

<template>
    
</template>

<script>
    export default {
        name: "Home"
    }
</script>

<style scoped>

</style>

2、注册到router里面
创建出来的任何一个文件都需要到router中去注册

3、登录成功跳转到首页
注册完成之后。当登录成功的时候，要跳转到Home页面，跳转是根据main.js中的router路由进行跳转

那么在这里怎么获取路由对象呢？通过this.$router,它里面有两个方法，一个是replace，一个是push。这个页面就相当于一个栈，push就是往栈里面加一个页面（浏览器中有一个后退按钮，如果是push进去的，点击后退按钮就会回到登录页面），replace就是替代它（如果是replace进去的，那点击浏览器的后退按钮将不会再回到登录页面）。这里没有要再回到Login页面的需求，所以使用replace。
登录成功实现跳转：
4、首页设计
既然已经可以成功的实现登录后跳转到首页，那么下面来首页内容进行简单的处理。在ElementUI中选择想要的布局容器。
然后对选择的布局容器进行相应的改造:
在index.html中去掉首页边距

把登录的用户信息保存下来方便使用，可以保存哎cookie中，但是有些浏览器不支持cookie,而且它支持的数据量非常有限。在html5里面，浏览器的存储方式更多样化。引入了两个重要的东西。
一个是Session Storage（