Как сделать sidebar на vue.js + vuex?

Question

[vladislavprozorovskiy]

Добрый день всем.Нужно в готовую разметку вставить сайдбар на vue.js, чтобы открывался и закрывался он при клике.В самом сайдбаре должен быть один div(один компонент) и разные ссылки, по клику на которые открывается разный контент.Может кто-нибудь подскажет туториалы, различные пакеты хотя бы чтобы сделать сайдбар для начала?
Всем хорошего дня

Answer 1

[Кирилл Ушаков]

<transition name="slide">
  <menu v-show="sidebarShow">
    Контент...
  </menu>
</transition>

<a href="#" @click.prevent="sidebarShow = !sidebarShow">Показать / Скрыть</a>

<script>
  var vm = new Vue({
    el:'',
    data: {
      'sidebarShow': false
    }
  })
</script>

<style>
  .slide-leave-active,
  .slide-enter-active {
    transition: 1s;
  }
  .slide-enter {
    transform: translate(-100%, 0);
  }
  .slide-leave-to {
    transform: translate(-100%, 0);
  }
</style>

Comments

[vladislavprozorovskiy]

извините за глупый вопрос
transition и ссылка должны быть обернуты в template?

[Кирилл Ушаков]

Это просто куски кода, комбинируй, разноси, оборачивай их как хочешь