Ich muss einen Kommentar in eine vue.js-Datei einfügen, um später darauf verweisen zu können, aber ich finde in den Dokumenten nicht, wie Sie dies tun.
Ich habe versucht //
, /**/
, {{-- --}}
, und {# #}
, aber keiner von ihnen scheinen zu arbeiten.
Ich benutze Laravels Klinge. Das ist also das 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>
Weiß jemand, wie man einen Kommentar einfügt und / oder wie man Codeteile kommentiert?
vue.js
blade
laravel-blade
Pathros
quelle
quelle
<!-- -->
. Aber es hört sich so an, als würden Sie nach Inline-Kommentaren suchen?HTML
Code! Danke{{! comments like this }}
und{{!-- comments {{like this}} that can contain double-braces --}}
. Diese werden im Gegensatz zu anderen nicht in der Ausgabe gerendert<!-- html comments -->
. Ich habe beide{{! ... }}
und{{!-- ... --}}
mit Vue ausprobiert und leider werden sie nicht unterstützt. Würden Sie in Betracht ziehen, sie Ihrer Frage für Benutzer hinzuzufügen, die darauf stoßen?Antworten:
Sie möchten
<template>
in Ihrer Situation Standard-HTML-Kommentare im Tag verwenden. Sie werden auch von der Ausgabe entfernt, was sehr schön ist.quelle
Wie Bill Criswell sagte, können wir die HTML-Kommentarsyntax verwenden.
Es funktioniert jedoch auch außerhalb des Vorlagen-Tags comment.vue
quelle
<comment>Commenting here</comment
. Sie müssen diese zu Ihrer Webpack-Konfiguration hinzufügen. vue-loader.vuejs.org/guide/custom-blocks.html#exampleIch habe das gerade getestet:
quelle
Error parsing JavaScript expression: Unexpected token (1:24)
Mir ist aufgefallen, dass Sie keine Kommentare abgeben können, wenn Sie sich in einem Tag befinden:
quelle
Wenn es für Ihre Projekte nützlich ist, können Sie einfachen Text ohne Verzierung über die Vorlage setzen. Es wird beim Rendern Ihrer Komponente vollständig ignoriert.
quelle
Vue Styleguidist enthält Best Practices und zeigt Beispiele zum Kommentieren Ihrer Komponenten. https://vue-styleguidist.github.io/docs/Documenting.html#code-comments
Aber im Allgemeinen...
Verwenden Sie in der Vorlage oder im HTML-Bereich HTML-Kommentare
In Skript Abschnitt Javascript Kommentare verwenden
In Stil Abschnitt Verwendung CSS Kommentare
quelle
Im folgenden Tipp geht es nicht so sehr um das Kommentieren Code per se zu (wie beim Dokumentieren), sondern vielmehr darum, dass Sie während der Entwicklung vorübergehend Codestücke überspringen können.
Wenn Kommentare das Öffnen und Schließen von Tags erfordern, kann die Art und Weise, wie der Parser mit ihnen übereinstimmt, unpraktisch sein. Zum Beispiel das Folgende
wird ausgegeben
and that -->
. Ähnlich/* this will be commented /* and so will this */ but not this */
.Meine Lösung besteht darin
v-if="false"
, anzugeben, welche Blöcke ich (vorübergehend) überspringen möchte.Beachten Sie, dass dies nicht als Ersatz für korrekte Kommentare zur Dokumentation Ihres Codes verwendet werden sollte. Dies ist nur eine bequeme Möglichkeit, mehr Kontrolle über Blöcke zu haben, die Sie während der Entwicklung überspringen möchten.
quelle
Ich bin noob in Vue.js,
//
sollte aber funktionieren, da der Code sowieso Javascript ist. In den Dokumenten finde ich dieses Beispiel . Wenn Sie die ersten 2 Zeilen von Javascript betrachten, sehen Sie Kommentare mit//
.Beispiel in einer mit Javascript verknüpften Datei:
quelle
template
Tags, sondern innerhalb desscript
Tags