title: How to comment code in a vue.js file?
body: <p>I have the need to insert a comment inside a vue.js file for future references, but I don't find how you do this in the docs.</p>
  
  <p>I have tried <code>//</code>, <code>/**/</code>, <code>{{-- --}}</code>, and <code>{# #}</code>, but none of them seem to work.</p>
  
  <p>I am using Laravel's blade. So this is the <code>sample_file.vue</code>:</p>
  
  <pre><code>&lt;template&gt;
      &lt;div class="media"&gt;
  
          &lt;like-button :post="post" v-if="post.likedByCurrentUser === false &amp;&amp; "&gt;&lt;/like-button&gt;  {{--I want to comment this but I get an error from the gulp watch: post.canBeLikedByCurrentUser === true--}}
  
          &lt;div class="media-left"&gt;
              &lt;a href="#"&gt;
                  &lt;img class="media-object" v-bind:src="post.user.avatar" v-bind:title="post.user.name + ' image from Gravatar'"&gt;
              &lt;/a&gt;
          &lt;/div&gt;
          &lt;div class="media-body"&gt;
              &lt;strong&gt;{{ post.user.name }}&lt;/strong&gt;
              &lt;p&gt;{{post.body}}&lt;/p&gt;
              &lt;p&gt;{{post.likeCount}} {{ pluralize('like', post.likeCount) }}&lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/template&gt; 
  </code></pre>
  
  <p>Does anyone know how to insert a comment and / or how to comment pieces of code?</p>