versiones - ¿Cómo comentar el código en un archivo vue.js?

use laravel with vue

Question

Tengo la necesidad de insertar un comentario dentro de un archivo vue.js para futuras referencias, pero no encuentro cómo hacer esto en los documentos.

He intentado // , /**/ , {{-- --}} y {# #} , pero ninguno de ellos parece funcionar.

Estoy usando la hoja de Laravel. Así que este es el 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> 

¿Alguien sabe cómo insertar un comentario y / o cómo comentar fragmentos de código?

Answer 1

Como dijo Bill Criswell, podemos usar la sintaxis de los comentarios HTML.

<!-- Comment -->

Pero, también funcionará fuera de la etiqueta de la plantilla, 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>

Answer 2

Desearía usar comentarios HTML estándar en la etiqueta <template> en su situación. También serán eliminados de la salida, lo que es bueno.

<!-- Comment -->

Answer 3

Soy noob en Vue.js, pero // debería funcionar porque el código es javascript de todos modos. Buscando en los documentos encuentro este example . Si miras las primeras 2 líneas de javascript verás comentarios con // .

ejemplo en javascript archivo vinculado:

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

...