Vue 路由跳转显示空白页面的问题

在写一个登录界面跳转到首页时，路由如下

export default new VueRouter({
  routes: [
    {
      path: "/",
      name: "Login",
      component: Login
    },
    {
      path: "Home",
      name: "Home",
      component: Home
    }
  ]
});

在跳转时需要写路径path和name名称这样子才可以跳转成功而不是显示空白页面

this.$router.push({ path: "Home",name:"Home" });