Vue හි CSS පන්ති සමඟ අන්තර්-ගත වස්තුව

CSS පන්ති සහිත වස්තුව class ගුණාංගයේ අගය ලෙස කෙලින්ම ලිවිය හැකිය:

App.vue<template>
  <p :class="{active: true, error: false}">
    text
  </p>
</template>

යටි ඉරි අඩංගු නම් සහිත පන්ති, සුරක්ෂිත කිරීම සඳහා උද්ධෘත අතරට ගත යුතුය:

App.vue<template>
  <p :class="{active: true, 'has-error': false}">
    text
  </p>
</template>

javascript{active: true, valid: false}