Как прокомментировать код в файле vue.js?

Question

Мне нужно вставить комментарий в файл vue.js для будущих ссылок, но я не нахожу, как вы это делаете в документах.

Я пробовал //, /**/, {{-- --}} и {# #}, но ни один из них не работает.

Я использую лезвие Ларавеля. Так что это sample_file.vue:

<template> 
    <div class="media"> 

     <like-button :post="post" v-if="post.likedByCurrentUser === false && "></like-button> {{--I want to comment this but I get an error from the gulp watch: post.canBeLikedByCurrentUser === true--}} 

     <div class="media-left"> 
      <a href="#"> 
       <img class="media-object" v-bind:src="post.user.avatar" v-bind:title="post.user.name + ' image from Gravatar'"> 
      </a> 
     </div> 
     <div class="media-body"> 
      <strong>{{ post.user.name }}</strong> 
      <p>{{post.body}}</p> 
      <p>{{post.likeCount}} {{ pluralize('like', post.likeCount) }}</p> 
     </div> 
    </div> 
</template> 

Кто-нибудь знает, как вставить комментарий и/или как комментировать фрагменты кода?

Answer 1

Вы должны использовать стандартные HTML-комментарии в теге <template> в вашей ситуации. Они тоже будут удалены с выхода, что приятно.

<!-- Comment --> 

Answer 2

Я ноб в Vue.js, но // должен работать, потому что код javascript в любом случае. Глядя в документы, я нахожу этот пример: https://vuejs.org/v2/examples/todomvc.html Если вы посмотрите первые 2 строки javascript, вы увидите комментарии whit //.

Answer 3

Как Билл Крисвелл сказал, что мы можем использовать синтаксис комментария HTML.

<!-- Comment --> 

Но он будет работать за пределами шаблона тега тоже, comment.vue

<!-- Testing comments, this will work too. --> 

<template> 
    <!-- This will work too --> 

    <div> 
     <!-- Html Comments --> 
     Hello There! 
    </div> 
</template> 

<style><style> 

<!-- Commenting here --> 

<script> 
</script>