обновить статус следования после запроса axios в Vue 2

Question

Я получаю эту ошибку, все, что в сети, чтобы обновить после последующего запроса Axios, чтобы отменить подписку, и это делает это, но я не хочу иметь никаких ошибок

[Vue warn]: Избегайте мутацииprop напрямую, так как значение будет перезаписано всякий раз, когда родительский компонент будет перерисован.Вместо этого используйте данные или вычисляемое свойство, основанное на значении реквизита.Опора изменена: "isfollowing"

  <template>
    <div v-if="isnot">
    <a href="#"  @click.prevent="unfellow" v-if="isfollowing" >unFellow</a>
    <a href="#" @click.prevent="fellow"  v-else >Fellow</a>
    </div>
</template>

    props:['isnot','isfollowing','follower']

Мои методы

        fellow () {
            axios.post(`/@${this.follower}/follow/`)
              this.isfollowing = !this.isfollowing;
        },
        unfellow () {
            axios.post(`/@${this.follower}/unfollow/`)
              this.isfollowing = !this.isfollowing;
        },
    }

Answer 1

Реквизит не должен обновляться напрямую, вам нужно создать локальную переменную, которая принимает ваш начальный статус, поэтому ваши мутации должны быть в локальной переменной, я написал этот пример, надеюсь, это поможет

https://codesandbox.io/s/xoyq2w996z