Vue හි සිද්ධි හසුරුවන්නන් සවි කිරීම

දැන් අපි අපේ ක්‍රමය කිසියම් සිද්ධියක් අනුව ක්‍රියාත්මක කරමු. කිසියම් DOM අංගයකට සිද්ධියක් සවි කිරීම සඳහා, ඔබට v-on නිර්දේශය භාවිතා කළ යුතුය.

මෙම නිර්දේශය තුළ, කොලොන් ලකුණට පසුව සිද්ධියේ නම සඳහන් කළ යුතුය, සහ එහි අගය විය යුත්තේ මෙම සිද්ධිය සිදු වූ විට කැඳවිය යුතු ක්‍රමයේ නමයි.

අපි ප්‍රායෝගිකව උත්සාහ කරමු. අපට පහත ක්‍රමය ඇතැයි සිතමු:

App.vuemethods: {
  show: function() {
    alert('!');
  }
}

අපට පහත බොත්තම ඇතැයි සිතමු:

App.vue<template>
  <button>text</button>
</template>

අපි මෙම බොත්තම මත ක්ලික් කිරීමෙන් show ක්‍රමය කැඳවීම සිදු කරමු:

App.vue<template>
  <button v-on:click="show">text</button>
</template>

සාමාන්‍යයෙන් සෑම කෙනෙකුම v-on හි කෙටි ආකාරය භාවිතා කරයි. එය සිද්ධියේ නමට පෙර @ සංකේතය ලෙස දක්වයි:

App.vue<template>
  <button @click="show">text</button>
</template>