title: Click on a button and changes component in VueJS 2
body: <p>I'm a newbie at VueJS 2, currently doing a project. I used Vue-Cli with webpack to create the project. I have difficulty in trying to get this part done. So basically, when i click a button, i want to change to another component.</p>
  
  <p>After clicking the "Add Staff" button, i want to change the things in the red box to another component?</p>
  
  <p><a href="https://i.stack.imgur.com/mHLGF.jpg" rel="nofollow noreferrer">Current Items in the Red Box</a></p>
  
  <p><a href="https://i.stack.imgur.com/zm3iE.png" rel="nofollow noreferrer">I want to replace this with the current items in the red box</a></p>
  
  <p>What is the best way of doing this? Having multiple templates in the Vue file?</p>