How to make a sidebar on vue.js + vuex?

Question

Vue.js

Good afternoon everyone. You need to insert a vue.js sidebar into the ready-made markup so that it opens and closes on click. The sidebar itself should have one div (one component) and different links that open different content when clicked. Maybe someone can you suggest tutorials, various packages at least to make a sidebar for a start?
Have a nice day, everyone

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>