Блок mounted из темплейта vue выполняется даже когда темплейт по v-if не используется

Такая проблема: Создал темплейт login с формой для логина/пароля, функцией для авторизации и функцией на js в разделе mounted, которая изображает красивую анимацию. По логике, в момент успешной авторизации вся форма входа вместе с анимацией должна пропадать. В файле app.vue вёрстка выглядит так

<div v-if="isCookies != '' "> 
     <login ></login>
  </div>

Проблема в том что в момент заполнения переменной isCookies пропадает форма login, но код из её раздела mounted все равно выполняется и, не найдя в вёрстке своего canvas, сыпет в консоль ошибки. При перезагрузке страницы форма login уже не отображается т.к. куки установлены и переменная заполнена, а ошибки все так же сыпятся, будто темплейт не подключался, но блок mounted все равно из него забирается и отрабатывает.

Помогите решить проблему.