Express Vuejs Cookie无法在不刷新页面的情况下识别

Question

因此，我使用NPM的vue-cookie lib for Vuejs并通过axios标头获取cookie。因此，当我在主页上登录时，会看到以下令牌：

{{$cookie.get('token')}}：

eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJfaWQiOiI1ZDA4OD.....

我的导航栏中有if语句，如下所示：

    <span v-if="!$cookie.get('token')" style="display: inherit">
    <li class="nav-item">
        <router-link class="nav-link" to="/login">Login</router-link>
    </li>

，如果设置了cookie，它应该立即从导航栏中删除“登录名”。但是，直到我刷新页面，它才会删除Login。什么会导致此问题？即使我可以访问所有需要cookie的URL（因为已设置cookie，但navbar如果不刷新页面就无法理解它）