1. ホーム
  2. vue.js

[解決済み] vue.jsファイルにコメントを付けるには?

2022-07-28 09:54:47

質問

vue.jsのファイル内に、今後の参考のためにコメントを挿入する必要があるのですが、docsにその方法が載っていません。

私は試してみました // , /**/ , {{-- --}} そして {# #} などがありますが、どれもうまくいかないようです。

私はLaravelのブレードを使用しています。そこで、これは 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> 

コメントを挿入する方法、またはコードの一部をコメントする方法を知っている人はいますか?

どのように解決するには?

標準的なHTMLのコメントとして <template> タグを使いたいところです。これらは出力から取り除かれるので、良いことです。

<!-- Comment -->