Muszę wstawić komentarz do pliku vue.js, aby móc się do niego odwołać w przyszłości, ale nie mogę znaleźć w dokumentacji, jak to zrobić.
Próbowałem //
, /**/
, {{-- --}}
, i {# #}
, ale żaden z nich nie wydają się działać.
Używam ostrza Laravela. Więc to jest 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>
Czy ktoś wie, jak wstawić komentarz i / lub jak komentować fragmenty kodu?
vue.js
blade
laravel-blade
Pathros
źródło
źródło
<!-- -->
. Ale wygląda na to, że szukasz komentarzy w tekście?HTML
kod! Thnx{{! comments like this }}
i{{!-- comments {{like this}} that can contain double-braces --}}
. Nie są one renderowane w wyniku, w przeciwieństwie<!-- html comments -->
do tego. Wypróbowałem oba{{! ... }}
i{{!-- ... --}}
z Vue i niestety nie są obsługiwane. Czy rozważyłbyś dodanie ich do pytania dla użytkowników, którzy się na nie natkną?Odpowiedzi:
W
<template>
swojej sytuacji chciałbyś użyć standardowych komentarzy HTML w tagu. Zostaną również usunięte z wyjścia, co jest miłe.źródło
Jak powiedział Bill Criswell, możemy używać składni komentarzy HTML.
Ale będzie działać również poza tagiem szablonu, comment.vue
źródło
<comment>Commenting here</comment
. Będziesz musiał dodać je do konfiguracji swojego webpacka. vue-loader.vuejs.org/guide/custom-blocks.html#exampleWłaśnie to przetestowałem:
źródło
Error parsing JavaScript expression: Unexpected token (1:24)
Zauważyłem, że nie możesz komentować, gdy jesteś wewnątrz tagu:
źródło
Jeśli jest to przydatne w twoich projektach, możesz umieścić zwykły tekst nad szablonem bez ozdób. Jest całkowicie ignorowany podczas renderowania komponentu.
źródło
Vue Styleguidist zawiera najlepsze praktyki i pokazuje przykłady komentowania komponentów. https://vue-styleguidist.github.io/docs/Documenting.html#code-comments
Ale generalnie...
W szablonie lub sekcji HTML użyj komentarzy HTML
W sekcji skryptów użyj komentarzy Javascript
W stylu komentarze użycie sekcja CSS
źródło
Poniższa wskazówka nie dotyczy komentowania (co dokumentowania) kodu jako , ale raczej umożliwienia tymczasowego pominięcia fragmentów kodu podczas programowania.
Gdy komentarze wymagają otwierania i zamykania tagów, sposób, w jaki parser je dopasowuje, może być niewygodny. Na przykład następujące
wyjdzie
and that -->
. Podobnie/* this will be commented /* and so will this */ but not this */
.Moim rozwiązaniem jest użycie
v-if="false"
do określenia, które bloki chcę (tymczasowo) pominąć.Zauważ, że nie powinno to zastępować odpowiednich komentarzy do udokumentowania twojego kodu. To po prostu wygodny sposób na większą kontrolę nad blokami, które chcesz pominąć podczas tworzenia.
źródło
Jestem noobem w Vue.js, ale
//
powinienem działać, ponieważ i tak kod jest javascript. Patrząc w dokumentach, znajduję ten przykład . Jeśli spojrzysz na pierwsze 2 wiersze javascript, zobaczysz komentarze z//
.przykład w połączonym pliku javascript:
źródło
template
tagu, ale wewnątrzscript
tagu