@click और v-on से अंतर: Vuejs

Question

पर क्लिक करें, प्रश्न पर्याप्त स्पष्ट होना चाहिए :)। लेकिन मैं देख सकते हैं कि किसी का उपयोग करें:

<button @click="function()">press</button>

किसी का उपयोग करें:

<button v-on:click="function()">press</button>

लेकिन वास्तव में दोनों के बीच अंतर क्या है (यदि मौजूद है)

Answer 1

कोई है दोनों के बीच अंतर, एक दूसरे के लिए सिर्फ एक शॉर्टेंड है।

वी-उपसर्ग आपके टेम्पलेट्स में वू-विशिष्ट विशेषताओं की पहचान के लिए दृश्य क्यू के रूप में कार्य करता है। यह तब उपयोगी होता है जब आप कुछ मौजूदा मार्कअप पर गतिशील व्यवहार लागू करने के लिए Vue.js का उपयोग कर रहे हैं, लेकिन कुछ बार उपयोग किए जाने वाले निर्देशों के लिए वर्बोज़ महसूस कर सकते हैं। उसी समय, जब आप SPA बना रहे हैं तो v-prefix कम महत्वपूर्ण हो जाता है जहां Vue.js प्रत्येक टेम्पलेट का प्रबंधन करता है।

<!-- full syntax --> 
<a v-on:click="doSomething"></a> 
<!-- shorthand --> 
<a @click="doSomething"></a> 

स्रोत: official documentation।

Answer 2

v-bind और v-on vuejs HTML टेम्पलेट में दो बार उपयोग किए जाने वाले निर्देश हैं।

@click='someFunction' 

एक और उदाहरण:

v-on:keyup='someKeyUpFunction' 

आप v-on:@

v-on:click='someFunction' 

रूप से बदल सकते हैं: इस प्रकार तो वे उन दोनों के लिए एक आशुलिपि संकेतन प्रदान की

के रूप में:

@keyup='someKeyUpFunction' 

इसी तरह, v-bind साथ:

:href='var1' 

आशा है कि यह मदद करता है:

v-bind:href='var1' 

के रूप में लिखा जा सकता है!