web-dev-qa-db-fra.com

Comment commenter le code dans un fichier vue.js?

J'ai besoin d'insérer un commentaire dans un fichier vue.js pour des références futures, mais je ne trouve pas comment vous faites cela dans la documentation.

J'ai essayé //, /**/, {{-- --}} et {# #}, mais aucun d'entre eux ne semble fonctionner.

J'utilise la lame de Laravel. C'est donc le 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>

Est-ce que quelqu'un sait comment insérer un commentaire et/ou commenter des morceaux de code?

vue.jsbladelaravel-blade
36
Pathros

Vous souhaitez utiliser des commentaires HTML standard dans la balise <template> dans votre situation. Ils seront également retirés de la sortie qui est Nice.

<!-- Comment -->
72
Bill Criswell

Comme Bill Criswell l'a dit, nous pouvons utiliser la syntaxe de commentaire HTML.

<!-- Comment -->

Mais cela fonctionnera aussi en dehors de la balise template, 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>
10
Vaisakh Rajagopal

Je suis noob dans Vue.js, mais // devrait fonctionner car le code est de toute façon javascript . Dans la documentation, je trouve ceci exemple . Si vous regardez les 2 premières lignes de javascript, vous verrez des commentaires avec //.

exemple dans un fichier lié javascript:

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

...
1
Juan

Si vous avez besoin de commenter un bloc html entier, vous pouvez utiliser v-if="false" pour "masquer" la partie du code qui suit.

<template>
<div>
    Hello
    <div v-if="false">
        This part will be skipped.
    </div>
    World!
</div>
</template>
1
Michael Ekoka

Je viens de tester ceci:

<template>
    {{ /* this is a comment */ }}
    <h1>Hello world</h1>
</template>
1
Fulldump

J'ai remarqué que vous ne pouvez pas commenter quand vous êtes à l'intérieur d'une balise:

<!-- make sure it is outside a tag -->

<autocomplete
<!-- you can't place the comment out in here -->
>
</autocomplete>
1
Juan Vaca