vue.js फ़ाइल में कोड कैसे टिप्पणी करें?

Question

मुझे भविष्य के संदर्भों के लिए vue.js फ़ाइल के अंदर एक टिप्पणी डालने की आवश्यकता है, लेकिन मुझे नहीं लगता कि आप दस्तावेज़ों में यह कैसे करते हैं।

मैं कोशिश की है //, /**/, {{-- --}}, और {# #}, लेकिन उनमें से कोई भी काम करने लगते हैं।

मैं लैरवेल के ब्लेड का उपयोग कर रहा हूं। तो यह है 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> 

किसी को भी एक टिप्पणी डालने के लिए कैसे पता है और/या कैसे कोड के टुकड़े टिप्पणी करने के लिए?

Answer 1

आप अपनी स्थिति में <template> टैग में मानक HTML टिप्पणियों का उपयोग करना चाहते हैं। उन्हें आउटपुट से भी हटा दिया जाएगा जो कि अच्छा है।

<!-- Comment --> 

Answer 2

मैं Vue.js में नोब हूं, लेकिन // काम करना चाहिए क्योंकि कोड जावास्क्रिप्ट को वैसे भी है। दस्तावेज़ों में देखकर मुझे यह उदाहरण मिल गया: https://vuejs.org/v2/examples/todomvc.html यदि आप जावास्क्रिप्ट की पहली 2 पंक्तियां देखते हैं तो आपको टिप्पणियां whit // देखेंगे।

Answer 3

बिल क्रिसवेल ने कहा कि हम HTML टिप्पणी वाक्यविन्यास का उपयोग कर सकते हैं।

<!-- Comment --> 

लेकिन, यह टेम्पलेट टैग भी बाहर काम करेंगे, 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> 
</script>