title: How to change the colour of a button when clicked on? (Vue)
body: <p>I'm trying to get a button that changes its color when pressed on it. When it is pressed again, it should change back to its original color. What am I doing wrong? </p>
  
  <p>The Button in my template:</p>
  
  <pre><code>&lt;th&gt;&lt;Button v-bind:class="{'white': !clicked, 'blue': clicked}" v-on:click ="!clicked" &gt;&lt;/Button&gt;&lt;/th&gt;
  
  
  &lt;script&gt;
      export default {
          data: {
  
  clicked: false
          }
  
      }
  
  &lt;/script&gt;
  
  &lt;style&gt;
     .white {
         background-color: white;
         width: 200px;
         height: 200px;  
  
     }
     .blue {
         width: 200px;
         height: 200px;
         background-color: blue;
  
     }
  
  
  &lt;/style&gt;
  </code></pre>