Почему не работает computed в v-if?

Question

[Nayob]

Есть компонент:

<template lang="pug">
nav(v-if="showNav")
  .nav-wrapper
    ul#nav-mobile.left.hide-on-med-and-down
      li
        a(href="/") Home
      li
        a(href="/about") About
</template>

<script>
export default {
  сomputed: {
    showNav: function() {
      return this.$store.getters.isAuthenticated;
    },
  }
}
</script>

в консоли браузера следующий warn:

[Vue warn]: Property "showNav" was accessed during render but is not defined on instance. 
  at <Navbar onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > 
  at <RouterView> 
  at <App>

Может кто-нибудь подсказать направление в котором рыть?

Comments

[0xD34F]

Нечему работать. Нет у вас там никаких computed.

А нет потому, что... Вот у этих балбесов была проблема такого же характера:

Почему не получается изменить значение переменной?
Как вставить функцию в массив?
Имя 'y' не существует в текущем контектсте. А почему?

[Nayob]

0xD34F, Знатно я опростоволосился. Прошу прощения что отнял время. Спасибо!

P.S. Зато пока искал причину кучу нового узнал из документации :)

Answer 1

[Владимир Боруткин]

Зачем сделали для вычисляемого свойства еще одно вычисляемое своейство?

попробуйте просто
...mapGetters(['isAuthenticated'])