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

Мне нужно вставить комментарий в файл 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>

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

Ответ 1

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

<!-- Comment -->

Ответ 2

Как сказал Билл Крисвелл, мы можем использовать синтаксис комментариев 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>
    // Commenting only 1 line

    /**
      * Commenting multiple lines
      * Commenting multiple lines
      */
</script>

Ответ 3

Я ноб в Vue.js, но // должен работать, потому что код javascript в любом случае. Глядя в документы, я нахожу этот пример. Если вы посмотрите первые 2 строки javascript, вы увидите комментарии с //.

пример в связанном с javascript файле:

// Full spec-compliant TodoMVC with localStorage persistence
// and hash-based routing in ~120 effective lines of JavaScript.

...