vue关于路由和用户数据保存的问题

我这里有一个头部组件上面主要是有两个登录和注册点击可以路由到登录和注册页面当我登录或者注册以后登录和注册这两个路由就不能跳转了并且登录变成用户id名注册变成退出然后不管跳转到哪个页面头部的用户id和退出都能正常显示出来然后当点击退出的时候又变回原来的登录注册

我这样写的当路由到其它页面的时候用户id显示不出来需要刷新页面才行并且点击用户id和登录注册的时候还是会路由到这两个页面这样问题该怎样解决呢代码太多不好发请教大家给个思路