Мне нужно вставить комментарий в файл vue.js для будущих ссылок, но я не могу найти, как это сделать в документации.
Я попытался //
, /**/
, {{-- --}}
и {# #}
, но ни один из них не похоже на работу.
Я использую лезвие 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>
Кто-нибудь знает, как вставить комментарий и / или как комментировать фрагменты кода?
vue.js
blade
laravel-blade
Патрос
источник
источник
<!-- -->
. Но похоже, что вы ищете встроенные комментарии?HTML
код! Thnx{{! comments like this }}
и{{!-- comments {{like this}} that can contain double-braces --}}
. Они не отображаются на выходе, в отличие от других<!-- html comments -->
. Я пробовал оба варианта{{! ... }}
и{{!-- ... --}}
с Vue, но, к сожалению, они не поддерживаются. Не могли бы вы добавить их в свой вопрос для пользователей, которые на него наткнулись?Ответы:
В
<template>
вашей ситуации вы захотите использовать стандартные HTML-комментарии в теге. Они также будут удалены из вывода, что приятно.источник
Как сказал Билл Крисвелл, мы можем использовать синтаксис комментариев HTML.
Но он будет работать и за пределами тега шаблона, comment.vue
источник
<comment>Commenting here</comment
. Вам нужно будет добавить их в конфигурацию вашего веб-пакета. vue-loader.vuejs.org/guide/custom-blocks.html#exampleЯ только что это проверил:
источник
Error parsing JavaScript expression: Unexpected token (1:24)
Я заметил, что вы не можете комментировать, когда находитесь внутри тега:
источник
Vue Styleguidist содержит лучшие практики и показывает примеры того, как комментировать ваши компоненты. https://vue-styleguidist.github.io/docs/Documenting.html#code-comments
Но в основном...
В шаблоне или разделе HTML используйте комментарии HTML
В разделе сценария используйте комментарии Javascript
В разделе стилей используйте комментарии CSS
источник
Если это полезно для ваших проектов, вы можете поместить простой текст над шаблоном без каких-либо украшений. Он полностью игнорируется при рендеринге компонента.
источник
Следующий совет касается не столько комментирования (как документирования) кода как такового, сколько разрешения вам временно пропускать фрагменты кода во время разработки.
Когда для комментариев требуются открывающие и закрывающие теги, то способ, которым парсер сопоставляет их, может быть неудобным. Например, следующие
выведет
and that -->
. Аналогично/* this will be commented /* and so will this */ but not this */
.Мое решение -
v-if="false"
указать, какие блоки я хочу (временно) пропустить.Обратите внимание, что это не должно использоваться вместо правильных комментариев для документирования вашего кода. Это просто удобный способ получить больший контроль над блоками, которые вы хотите пропустить во время разработки.
источник
Я нуб в Vue.js, но
//
должен работать, потому что код в любом случае является javascript. Просматривая документы, я нахожу этот пример . Если вы посмотрите первые 2 строки javascript, вы увидите комментарии с//
.пример в связанном файле javascript:
источник
template
тега, а внутриscript
тега