vue中不建議直接操作props,應(yīng)該怎么操作？

<template>
  <div class="ticket-content">
    <div class="ticket-content-left">
      <h1>{{title}}</h1>
      <h3>{{limit}}</h3>
      <h3 style="color: #999;">{{condition}}</h3>
    </div>
    <div class="ticket-content-right" :class="{available : available}" @click="getTicket">
      <span>{{available ? "立即領(lǐng)取":"已領(lǐng)取"}}</span>
      <div class="ticket-content-right-border" :class="{borderAvailable : available}"></div>
    </div>
  </div>
</template>

<script>
    export default {
      props:{
        title:String,
        limit:String,
        condition:String,
        available:Boolean
      },
      data(){
        return {

        }
      },
      methods: {
        getTicket(){
          this.available = false;
        }
      }

    }
</script>

如果我想操作available的值，應(yīng)該怎么做？