title: Toggling hide/show in vue-cli
body: <p>I have two components.
  The first one is a header with an image.
  The second one is a div with a list.
  I need to click the image (in the first component) to show the list (second component) and click it again to hide it.
  The div should replace all the content below the image (so I can click the image again to hide the div and show default content).
  Please see the picture for details. Links to the code below.</p>
  <p><a href="https://i.stack.imgur.com/G2HLg.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/G2HLg.jpg" alt="the picture" /></a></p>
  <p>The code:</p>
  <ol>
  <li><p>Component with the picture which has to work with v-on:click
  <a href="https://github.com/Mike-OxHuge/shop-on-vue-cli/blob/master/src/components/main-header.vue" rel="nofollow noreferrer">https://github.com/Mike-OxHuge/shop-on-vue-cli/blob/master/src/components/main-header.vue</a></p>
  </li>
  <li><p>Component which supposed to appear/disappear when I click the picture in component 1
  <a href="https://github.com/Mike-OxHuge/shop-on-vue-cli/blob/master/src/components/menu.vue" rel="nofollow noreferrer">https://github.com/Mike-OxHuge/shop-on-vue-cli/blob/master/src/components/menu.vue</a></p>
  </li>
  <li><p>Component which supposed to be shown by default, but disappear or being covered by component 2
  <a href="https://github.com/Mike-OxHuge/shop-on-vue-cli/blob/master/src/components/main-page-content.vue" rel="nofollow noreferrer">https://github.com/Mike-OxHuge/shop-on-vue-cli/blob/master/src/components/main-page-content.vue</a></p>
  </li>
  <li><p>App.vue
  <a href="https://github.com/Mike-OxHuge/shop-on-vue-cli/blob/master/src/App.vue" rel="nofollow noreferrer">https://github.com/Mike-OxHuge/shop-on-vue-cli/blob/master/src/App.vue</a></p>
  </li>
  <li><p>And main.js
  <a href="https://github.com/Mike-OxHuge/shop-on-vue-cli/blob/master/src/main.js" rel="nofollow noreferrer">https://github.com/Mike-OxHuge/shop-on-vue-cli/blob/master/src/main.js</a></p>
  </li>
  </ol>