How to add/remove class from parent div on change radio button in vuejs - development

How to add/remove class from parent div on change radio button in vuejs

i have a simple code:

<div class="xyz">
    <input type="radio"/>
</div>

<div class="abc">
    <input type="radio"/>
</div>

So if I check the first radio button I want to add a new class to its parent div only. and if I check second radio I need to add a class to its parent div and remove that first added class to first radios parent div.
I hope you guys understood what I want. is there any way in vue js to solve this.
Thank you.

from Laravel Questions and Answers https://laravelquestions.com/laravel/how-to-add-remove-class-from-parent-div-on-change-radio-button-in-vuejs/
via Lzo Media