Javascript Vue.js-使用v-on：单击并同时使用v-link

我正在开发一个Vue.js应用程序，并尝试使用多个组件创建一个登录系统

在my App.vue组件（它是“主要”组件，具有导航栏）上有以下按钮：

<a class="nav-item" v-link="'login'" v-if="!user.authenticated">Login</a>

...

import auth from '../auth'

export default {
 data(){
  return{
   user = auth.user
  } 
 }
}

然后我有另一个组件名Login.vue，它处理登录模板的视图，并使用所需的参数调用“auth.Login”方法

问题是，我想在App.vue中的用户登录后使用auth.user中的值更新他。我该怎么做？我是否必须管理v-on:click和v-link优先级并提出新方法

编辑：

---

我还尝试使用beforeRouteEnter方法，因为我没有成功

我设法找到了一个解决方案，添加了以下内容：

watch: {
  $route () {
    this.user = auth.user
  }
},

遵循文件

watch: {
  $route () {
    this.user = auth.user
  }
},