title: Why I get 'avoid using JavaScript unary operator as property name' in vue.js?
body: <p>In a vue.js template, I have this code to delete a joke</p>
  
  <pre><code>&lt;div  v-on:click="delete(joke)" class="btn btn-sm"&gt;delete&lt;/div&gt;
  </code></pre>
  
  <p>and the method to do so:</p>
  
  <pre><code>delete: function(joke) {
      console.log('delete requested');
      axios.post( this.BASE_URL + "/delete" , {
          id: joke.id,
          token: this.token,
      }).then( (res) =&gt; { 
          this.$router.push({ path: '/' });
      })
      .catch( (error) =&gt; {
          console.log(error);             
    });
  },
  </code></pre>
  
  <p>I get this error:</p>
  
  <blockquote>
    <p>avoid using JavaScript unary operator as property name: "delete(joke)"
    in expression v-on:click="delete(joke)"</p>
  </blockquote>
  
  <p>The odd thing is that, in other components, I pass the same <code>joke</code> object to methods in the same manner and get no errors. </p>
  
  <p>I'm wondering what is wrong here and how to fix it? </p>