title: How to add two methods on a @click event using vue.js?
body: <p>This is my code and i basically want to add CHANGEBUTTONS to the on click event that looks like @click.</p>
  
  <pre><code>&lt;button @click="enviarform2" value="Delete from favorites" style="font-weight: 700;color:#428bca;margin-left:30px;height:30px;border-radius:4px" name="delete" v-else&gt;Delete from favorites&lt;/button&gt;
  
  
  &lt;script&gt;
  new Vue({
    el:'#app',
    data:{
      show: true,
      paletteid : &lt;?=$palette_id;?&gt;,
      action: "add",
      action2: "delete",
      number: ""
    },
    methods: {
             enviarform: function() {
              axios.post('/validarfavorite.php', {
                  paletteid: this.paletteid,
                  action: this.action
                })
                .then(function (response) {
                  console.log(response);
                })
                .catch(function (error) {
                  console.log(error);
                });
                this.number = "Yours plus ";
            },
             enviarform2: function() {
              axios.post('/validarfavorite.php', {
                  paletteid: this.paletteid,
                  action2: this.action2
                })
                .then(function (response) {
                  console.log(response);
                })
                .catch(function (error) {
                  console.log(error);
                });
                this.number = "Minus yours plus ";
            },
            changebuttons: function() {
              this.show = !this.show;
            }
          }
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>I have tried with method 1 and method 2 and handler but it didnt work. Hope you know!</p>