Vue හි ටොග්ලිං කිරීමේදී පෙළ වෙනස් කිරීම

අපි එය සකස් කරමු එවිට ටොග්ලිං කරන විට බොත්තම මත එම මෙහෙයුමේ පෙළ ලියා ඇති විය යුතුය, එය බොත්තම එම මොහොතේ ක්‍රියාත්මක කරනු ඇත. මේ සඳහා අපට භාවිතා කිරීමට අවශ්‍ය වේ ටර්නරි ඔපරේටරය පහත ආකාරයට:

html<template>
  <button @click="toggle">
    {{ visible ? 'hide' : 'show' }}
  </button>
</template>