Vue freýworkinde class atributy

class atributy bilen işlemek v-bind direktiwasy ýa-da onň gysgaldylan görnüşi arkaly amala aşyrylýar. Geliň amalyýetda göreli. str hususyýetinde tegüň CSS klaslary saklansyn, bosluklar bilen bölünen:

javascriptdata() {
  return {
    str: 'active valid',
  }
}

Bu CSS klaslaryny haýsy bir tege goşaly:

App.vue<template>
  <p :class="str">text</p>
</template>